#2174AE

#2174AE

#AE5B21

#AE5B21

对比度

1.03:1

Delta E

90.3

Very Different

50:50 混合

#886869

颜色值

格式 #2174AE #AE5B21
HEX #2174AE #AE5B21
RGB 33, 116, 174 174, 91, 33
HSL 204.7, 68.1%, 40.6% 24.7, 68.1%, 40.6%
HSV 204.7, 81.0%, 68.2% 24.7, 81.0%, 68.2%
CMYK 81.0%, 33.3%, 0.0%, 31.8% 0.0%, 47.7%, 81.0%, 31.8%
OKLCH 0.539 0.1188 244.4 0.5606 0.1281 51.3

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AE5B21 → 背景色: #2174AE

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

文本: #2174AE → 背景色: #AE5B21

色差 (Delta E)

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

渐变

#2174AE #597097 #756C80 #886869 #976453 #A4603B #AE5B21

颜色混合

#2174AE

100%

#696E8B

75:25

#886869

50:50

#9E6247

25:75

#AE5B21

100%

CSS渐变代码

background: linear-gradient(to right, #2174AE, #AE5B21);
background: linear-gradient(135deg, #2174AE, #AE5B21);

探索每种颜色

#2174AE

查看完整颜色详情

#AE5B21

查看完整颜色详情

相关比较