#21485F

#21485F

#5F3821

#5F3821

コントラスト比

1.04:1

Delta E

44.35

Very Different

50:50 ミックス

#4B4040

カラー値

フォーマット #21485F #5F3821
HEX #21485F #5F3821
RGB 33, 72, 95 95, 56, 33
HSL 202.3, 48.4%, 25.1% 22.3, 48.4%, 25.1%
HSV 202.3, 65.3%, 37.3% 22.3, 65.3%, 37.3%
CMYK 65.3%, 24.2%, 0.0%, 62.7% 0.0%, 41.1%, 65.3%, 62.7%
OKLCH 0.3841 0.0591 237.0 0.3828 0.0659 50.3

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #5F3821 → 背景色: #21485F

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

テキスト: #21485F → 背景色: #5F3821

色差 (Delta E)

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

グラデーション

#21485F #354655 #41434A #4B4040 #533E36 #593B2B #5F3821

カラーミキシング

#21485F

100%

#3B444F

75:25

#4B4040

50:50

#563C31

25:75

#5F3821

100%

CSSグラデーションコード

background: linear-gradient(to right, #21485F, #5F3821);
background: linear-gradient(135deg, #21485F, #5F3821);

各色を詳しく見る

#21485F

カラーの詳細をすべて見る

#5F3821

カラーの詳細をすべて見る

関連する比較