#CD2204

#CD2204

ファイアブリック系

カラーコード変換

形式
HEX#CD2204
RGBrgb(205, 34, 4)
RGBArgba(205, 34, 4, 1)
HSLhsl(9, 96%, 41%)
HSVhsv(9, 98%, 80%)
CMYKcmyk(0%, 83%, 98%, 20%)
Aa

白背景

5.49:1AA適合

Aa

黒背景

3.83:1AA Large


配色パレット提案

補色

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

#CD2204#04AFCD

類似色

色相環で隣接する色

#CD044A#CD0418#CD2204#CD5404#CD8704

トライアド

色相環で120°間隔の3色

#CD2204#04CD22#2204CD

テトラード

色相環で90°間隔の4色

#CD2204#4ACD04#04AFCD#8704CD

モノクローム

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

#370901#821603#CD2204#FB4323#FC836E

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

補色の両隣の色

#CD2204#04CD87#044ACD

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

ライト → ダーク

linear-gradient(135deg, #FC6E55, #CD2204, #500D02)

補色グラデーション

linear-gradient(135deg, #CD2204, #04AFCD)

類似色グラデーション

linear-gradient(135deg, #CD044A, #CD2204, #CD8704)

ラジアルグロー

radial-gradient(circle, #CD2204, #500D02)

サンセット風

linear-gradient(to right, #CD2204, #CD8704, #04AFCD)

オーバーレイ

linear-gradient(180deg, #CD2204CC, #CD220433)

CSS使用例

背景色として使用

Hello, World!
background-color: #CD2204;

テキスト色として使用

Color Text
color: #CD2204;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー