#6861A4

#6861A4

#9DA461

#9DA461

对比度

2.06:1

Delta E

79.14

Very Different

50:50 混合

#898285

颜色值

格式 #6861A4 #9DA461
HEX #6861A4 #9DA461
RGB 104, 97, 164 157, 164, 97
HSL 246.3, 26.9%, 51.2% 66.3, 26.9%, 51.2%
HSV 246.3, 40.9%, 64.3% 66.3, 40.9%, 64.3%
CMYK 36.6%, 40.9%, 0.0%, 35.7% 4.3%, 0.0%, 40.9%, 35.7%
OKLCH 0.5289 0.1036 287.1 0.6973 0.09 113.6

对比度与无障碍

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA461 → 背景色: #6861A4

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

文本: #6861A4 → 背景色: #9DA461

色差 (Delta E)

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

渐变

#6861A4 #756C9A #80778F #898285 #908D7A #97986E #9DA461

颜色混合

#6861A4

100%

#7A7195

75:25

#898285

50:50

#949374

25:75

#9DA461

100%

CSS渐变代码

background: linear-gradient(to right, #6861A4, #9DA461);
background: linear-gradient(135deg, #6861A4, #9DA461);

探索每种颜色

#6861A4

查看完整颜色详情

#9DA461

查看完整颜色详情

相关比较