#373C69

#373C69

#696437

#696437

コントラスト比

1.73:1

Delta E

57.57

Very Different

50:50 ミックス

カラー値

フォーマット #373C69 #696437
HEX #373C69 #696437
RGB 55, 60, 105 105, 100, 55
HSL 234.0, 31.2%, 31.4% 54.0, 31.2%, 31.4%
HSV 234.0, 47.6%, 41.2% 54.0, 47.6%, 41.2%
CMYK 47.6%, 42.9%, 0.0%, 58.8% 0.0%, 4.8%, 47.6%, 58.8%
OKLCH 0.3742 0.077 277.2 0.4968 0.0645 102.9

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

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #696437 → 背景色: #373C69

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

テキスト: #373C69 → 背景色: #696437

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #373C69, #696437);
background: linear-gradient(135deg, #373C69, #696437);

各色を詳しく見る

関連する比較