#182EAF

#182EAF

#AF9918

#AF9918

对比度

3.61:1

Delta E

144.75

Very Different

50:50 混合

#876072

颜色值

格式 #182EAF #AF9918
HEX #182EAF #AF9918
RGB 24, 46, 175 175, 153, 24
HSL 231.3, 75.9%, 39.0% 51.3, 75.9%, 39.0%
HSV 231.3, 86.3%, 68.6% 51.3, 86.3%, 68.6%
CMYK 86.3%, 73.7%, 0.0%, 31.4% 0.0%, 12.6%, 86.3%, 31.4%
OKLCH 0.3912 0.2023 266.9 0.6823 0.1355 98.4

对比度与无障碍

3.61:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AF9918 → 背景色: #182EAF

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

文本: #182EAF → 背景色: #AF9918

色差 (Delta E)

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

渐变

#182EAF #563D9B #734E87 #876072 #97735B #A48641 #AF9918

颜色混合

#182EAF

100%

#664691

75:25

#876072

50:50

#9E7C4F

25:75

#AF9918

100%

CSS渐变代码

background: linear-gradient(to right, #182EAF, #AF9918);
background: linear-gradient(135deg, #182EAF, #AF9918);

探索每种颜色

#182EAF

查看完整颜色详情

#AF9918

查看完整颜色详情

相关比较