#2F6174

#2F6174

#74422F

#74422F

コントラスト比

1.2:1

Delta E

47.85

Very Different

50:50 ミックス

#5E5251

カラー値

フォーマット #2F6174 #74422F
HEX #2F6174 #74422F
RGB 47, 97, 116 116, 66, 47
HSL 196.5, 42.3%, 32.0% 16.5, 42.3%, 32.0%
HSV 196.5, 59.5%, 45.5% 16.5, 59.5%, 45.5%
CMYK 59.5%, 16.4%, 0.0%, 54.5% 0.0%, 43.1%, 59.5%, 54.5%
OKLCH 0.4661 0.0619 225.4 0.4349 0.0758 41.4

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #74422F → 背景色: #2F6174

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

テキスト: #2F6174 → 背景色: #74422F

色差 (Delta E)

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

グラデーション

#2F6174 #445C68 #53575D #5E5251 #674D46 #6E483A #74422F

カラーミキシング

#2F6174

100%

#4C5A62

75:25

#5E5251

50:50

#6A4B40

25:75

#74422F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F6174, #74422F);
background: linear-gradient(135deg, #2F6174, #74422F);

各色を詳しく見る

#2F6174

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

#74422F

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

関連する比較