#214B75

#214B75

#754B21

#754B21

コントラスト比

1.2:1

Delta E

61.52

Very Different

50:50 ミックス

#5B4B4C

カラー値

フォーマット #214B75 #754B21
HEX #214B75 #754B21
RGB 33, 75, 117 117, 75, 33
HSL 210.0, 56.0%, 29.4% 30.0, 56.0%, 29.4%
HSV 210.0, 71.8%, 45.9% 30.0, 71.8%, 45.9%
CMYK 71.8%, 35.9%, 0.0%, 54.1% 0.0%, 35.9%, 71.8%, 54.1%
OKLCH 0.4045 0.0851 250.7 0.4519 0.0805 63.1

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

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

テキスト読みやすさ

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

テキスト: #754B21 → 背景色: #214B75

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

テキスト: #214B75 → 背景色: #754B21

色差 (Delta E)

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

グラデーション

#214B75 #3D4B67 #4E4B5A #5B4B4C #654B3E #6E4B30 #754B21

カラーミキシング

#214B75

100%

#464B61

75:25

#5B4B4C

50:50

#694B38

25:75

#754B21

100%

CSSグラデーションコード

background: linear-gradient(to right, #214B75, #754B21);
background: linear-gradient(135deg, #214B75, #754B21);

各色を詳しく見る

#214B75

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

#754B21

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

関連する比較