#2816AF

#2816AF

#9DAF16

#9DAF16

对比度

4.7:1

Delta E

167.6

Very Different

50:50 混合

#836475

颜色值

格式 #2816AF #9DAF16
HEX #2816AF #9DAF16
RGB 40, 22, 175 157, 175, 22
HSL 247.1, 77.7%, 38.6% 67.1, 77.7%, 38.6%
HSV 247.1, 87.4%, 68.6% 67.1, 87.4%, 68.6%
CMYK 77.1%, 87.4%, 0.0%, 31.4% 10.3%, 0.0%, 87.4%, 31.4%
OKLCH 0.3699 0.2177 273.0 0.7155 0.1601 117.0

对比度与无障碍

4.7:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DAF16 → 背景色: #2816AF

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

文本: #2816AF → 背景色: #9DAF16

色差 (Delta E)

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

渐变

#2816AF #59329C #724B89 #836475 #8F7D5E #989644 #9DAF16

颜色混合

#2816AF

100%

#673F93

75:25

#836475

50:50

#948952

25:75

#9DAF16

100%

CSS渐变代码

background: linear-gradient(to right, #2816AF, #9DAF16);
background: linear-gradient(135deg, #2816AF, #9DAF16);

探索每种颜色

#2816AF

查看完整颜色详情

#9DAF16

查看完整颜色详情

相关比较