#453C50

#453C50

#47503C

#47503C

コントラスト比

1.23:1

Delta E

27.4

Very Different

50:50 ミックス

カラー値

フォーマット #453C50 #47503C
HEX #453C50 #47503C
RGB 69, 60, 80 71, 80, 60
HSL 267.0, 14.3%, 27.5% 87.0, 14.3%, 27.5%
HSV 267.0, 25.0%, 31.4% 87.0, 25.0%, 31.4%
CMYK 13.8%, 25.0%, 0.0%, 68.6% 11.2%, 0.0%, 25.0%, 68.6%
OKLCH 0.3735 0.0356 305.2 0.4171 0.0341 127.5

コントラストとアクセシビリティ

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #47503C → 背景色: #453C50

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #453C50 → 背景色: #47503C

色差 (Delta E)

27.4 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #453C50, #47503C);
background: linear-gradient(135deg, #453C50, #47503C);

各色を詳しく見る

関連する比較