#2416AB

#2416AB

#9DAB16

#9DAB16

对比度

4.65:1

Delta E

164.2

Very Different

50:50 混合

#816272

颜色值

格式 #2416AB #9DAB16
HEX #2416AB #9DAB16
RGB 36, 22, 171 157, 171, 22
HSL 245.6, 77.2%, 37.8% 65.6, 77.2%, 37.8%
HSV 245.6, 87.1%, 67.1% 65.6, 87.1%, 67.1%
CMYK 78.9%, 87.1%, 0.0%, 32.9% 8.2%, 0.0%, 87.1%, 32.9%
OKLCH 0.3626 0.2143 271.9 0.7063 0.1558 115.6

对比度与无障碍

4.65:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DAB16 → 背景色: #2416AB

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

文本: #2416AB → 背景色: #9DAB16

色差 (Delta E)

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

渐变

#2416AB #563199 #704986 #816272 #8E7A5C #979242 #9DAB16

颜色混合

#2416AB

100%

#643D8F

75:25

#816272

50:50

#938650

25:75

#9DAB16

100%

CSS渐变代码

background: linear-gradient(to right, #2416AB, #9DAB16);
background: linear-gradient(135deg, #2416AB, #9DAB16);

探索每种颜色

#2416AB

查看完整颜色详情

#9DAB16

查看完整颜色详情

相关比较