#2C25A4

#2C25A4

#9DA425

#9DA425

对比度

4.07:1

Delta E

146.14

Very Different

50:50 混合

#7F6370

颜色值

格式 #2C25A4 #9DA425
HEX #2C25A4 #9DA425
RGB 44, 37, 164 157, 164, 37
HSL 243.3, 63.2%, 39.4% 63.3, 63.2%, 39.4%
HSV 243.3, 77.4%, 64.3% 63.3, 77.4%, 64.3%
CMYK 73.2%, 77.4%, 0.0%, 35.7% 4.3%, 0.0%, 77.4%, 35.7%
OKLCH 0.3759 0.1925 274.4 0.6909 0.1422 112.8

对比度与无障碍

4.07:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA425 → 背景色: #2C25A4

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

文本: #2C25A4 → 背景色: #9DA425

色差 (Delta E)

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

渐变

#2C25A4 #563A93 #6E4E82 #7F6370 #8B795D #958E46 #9DA425

颜色混合

#2C25A4

100%

#63448B

75:25

#7F6370

50:50

#918352

25:75

#9DA425

100%

CSS渐变代码

background: linear-gradient(to right, #2C25A4, #9DA425);
background: linear-gradient(135deg, #2C25A4, #9DA425);

探索每种颜色

#2C25A4

查看完整颜色详情

#9DA425

查看完整颜色详情

相关比较