#445AAF

#445AAF

#AF9944

#AF9944

对比度

2.24:1

Delta E

99.62

Very Different

50:50 混合

#8A787E

颜色值

格式 #445AAF #AF9944
HEX #445AAF #AF9944
RGB 68, 90, 175 175, 153, 68
HSL 227.7, 44.0%, 47.6% 47.7, 44.0%, 47.6%
HSV 227.7, 61.1%, 68.6% 47.7, 61.1%, 68.6%
CMYK 61.1%, 48.6%, 0.0%, 31.4% 0.0%, 12.6%, 61.1%, 31.4%
OKLCH 0.495 0.1373 269.9 0.6855 0.108 94.9

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #AF9944 → 背景色: #445AAF

敏捷的棕色狐狸跳过了懒狗

文本: #445AAF → 背景色: #AF9944

色差 (Delta E)

99.62 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#445AAF #63639F #796D8E #8A787E #98826C #A48E59 #AF9944

颜色混合

#445AAF

100%

#6F6897

75:25

#8A787E

50:50

#9E8863

25:75

#AF9944

100%

CSS渐变代码

background: linear-gradient(to right, #445AAF, #AF9944);
background: linear-gradient(135deg, #445AAF, #AF9944);

探索每种颜色

#445AAF

查看完整颜色详情

#AF9944

查看完整颜色详情

相关比较