#CF2320

#CF2320

ファイアブリック系

カラーコード変換

形式
HEX#CF2320
RGBrgb(207, 35, 32)
RGBArgba(207, 35, 32, 1)
HSLhsl(1, 73%, 47%)
HSVhsv(1, 85%, 81%)
CMYKcmyk(0%, 83%, 85%, 19%)
Aa

白背景

5.36:1AA適合

Aa

黒背景

3.91:1AA Large


配色パレット提案

補色

色相環で180°反対に位置する色

#CF2320#20CCCF

類似色

色相環で隣接する色

#CF2075#CF2049#CF2320#CF4F20#CF7B20

トライアド

色相環で120°間隔の3色

#CF2320#20CF23#2320CF

テトラード

色相環で90°間隔の4色

#CF2320#75CF20#20CCCF#7B20CF

モノクローム

同じ色相の明度バリエーション

#4B0D0C#8D1816#CF2320#E55A57#EF9B9A

スプリットコンプリメンタリー

補色の両隣の色

#CF2320#20CF7B#2075CF

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #EC8583, #CF2320, #61110F)

補色グラデーション

linear-gradient(135deg, #CF2320, #20CCCF)

類似色グラデーション

linear-gradient(135deg, #CF2075, #CF2320, #CF7B20)

ラジアルグロー

radial-gradient(circle, #CF2320, #61110F)

サンセット風

linear-gradient(to right, #CF2320, #CF7B20, #20CCCF)

オーバーレイ

linear-gradient(180deg, #CF2320CC, #CF232033)

CSS使用例

背景色として使用

Hello, World!
background-color: #CF2320;

テキスト色として使用

Color Text
color: #CF2320;

ボーダー色として使用

ボーダー要素
border: 3px solid #CF2320;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #CF232066;

関連するカラー