#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

查看完整颜色详情

相关比较