#2C5451

#2C5451

#542C2F

#542C2F

コントラスト比

1.4:1

Delta E

36.15

Very Different

50:50 ミックス

#464140

カラー値

フォーマット #2C5451 #542C2F
HEX #2C5451 #542C2F
RGB 44, 84, 81 84, 44, 47
HSL 175.5, 31.2%, 25.1% 355.5, 31.2%, 25.1%
HSV 175.5, 47.6%, 32.9% 355.5, 47.6%, 32.9%
CMYK 47.6%, 0.0%, 3.6%, 67.1% 0.0%, 47.6%, 44.0%, 67.1%
OKLCH 0.4156 0.0457 189.3 0.3461 0.059 15.8

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #542C2F → 背景色: #2C5451

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

テキスト: #2C5451 → 背景色: #542C2F

色差 (Delta E)

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

グラデーション

#2C5451 #374E4B #404845 #464140 #4C3B3A #503434 #542C2F

カラーミキシング

#2C5451

100%

#3C4B48

75:25

#464140

50:50

#4E3737

25:75

#542C2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2C5451, #542C2F);
background: linear-gradient(135deg, #2C5451, #542C2F);

各色を詳しく見る

#2C5451

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

#542C2F

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

関連する比較