#503CAD

#503CAD

#99AD3C

#99AD3C

对比度

3.24:1

Delta E

131.62

Very Different

50:50 混合

#85747C

颜色值

格式 #503CAD #99AD3C
HEX #503CAD #99AD3C
RGB 80, 60, 173 153, 173, 60
HSL 250.6, 48.5%, 45.7% 70.6, 48.5%, 45.7%
HSV 250.6, 65.3%, 67.8% 70.6, 65.3%, 67.8%
CMYK 53.8%, 65.3%, 0.0%, 32.2% 11.6%, 0.0%, 65.3%, 32.2%
OKLCH 0.4466 0.1717 285.2 0.71 0.1389 118.7

对比度与无障碍

3.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #99AD3C → 背景色: #503CAD

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

文本: #503CAD → 背景色: #99AD3C

色差 (Delta E)

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

渐变

#503CAD #684F9D #79618D #85747C #8E876A #959A56 #99AD3C

颜色混合

#503CAD

100%

#715895

75:25

#85747C

50:50

#929060

25:75

#99AD3C

100%

CSS渐变代码

background: linear-gradient(to right, #503CAD, #99AD3C);
background: linear-gradient(135deg, #503CAD, #99AD3C);

探索每种颜色

#503CAD

查看完整颜色详情

#99AD3C

查看完整颜色详情

相关比较