#8585DF

#8585DF

#DFDF85

#DFDF85

对比度

2.34:1

Delta E

100.5

Very Different

50:50 混合

颜色值

格式 #8585DF #DFDF85
HEX #8585DF #DFDF85
RGB 133, 133, 223 223, 223, 133
HSL 240.0, 58.4%, 69.8% 60.0, 58.4%, 69.8%
HSV 240.0, 40.4%, 87.5% 60.0, 40.4%, 87.5%
CMYK 40.4%, 40.4%, 0.0%, 12.5% 0.0%, 0.0%, 40.4%, 12.5%
OKLCH 0.6555 0.1323 282.1 0.8841 0.1126 108.5

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF85 → 背景色: #8585DF

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

文本: #8585DF → 背景色: #DFDF85

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #8585DF, #DFDF85);
background: linear-gradient(135deg, #8585DF, #DFDF85);

探索每种颜色

相关比较