#244585

#244585

#856424

#856424

コントラスト比

1.7:1

Delta E

80.85

Very Different

50:50 ミックス

#665358

カラー値

フォーマット #244585 #856424
HEX #244585 #856424
RGB 36, 69, 133 133, 100, 36
HSL 219.6, 57.4%, 33.1% 39.6, 57.4%, 33.1%
HSV 219.6, 72.9%, 52.2% 39.6, 72.9%, 52.2%
CMYK 72.9%, 48.1%, 0.0%, 47.8% 0.0%, 24.8%, 72.9%, 47.8%
OKLCH 0.4021 0.1142 262.1 0.5244 0.0906 80.7

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #856424 → 背景色: #244585

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

テキスト: #244585 → 背景色: #856424

色差 (Delta E)

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

グラデーション

#244585 #454976 #584E67 #665358 #725948 #7C5E38 #856424

カラーミキシング

#244585

100%

#4F4C6F

75:25

#665358

50:50

#775B40

25:75

#856424

100%

CSSグラデーションコード

background: linear-gradient(to right, #244585, #856424);
background: linear-gradient(135deg, #244585, #856424);

各色を詳しく見る

#244585

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

#856424

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

関連する比較