#6350DF

#6350DF

#CCDF50

#CCDF50

对比度

3.8:1

Delta E

158.75

Very Different

50:50 混合

#AD96A1

颜色值

格式 #6350DF #CCDF50
HEX #6350DF #CCDF50
RGB 99, 80, 223 204, 223, 80
HSL 248.0, 69.1%, 59.4% 68.0, 69.1%, 59.4%
HSV 248.0, 64.1%, 87.5% 68.0, 64.1%, 87.5%
CMYK 55.6%, 64.1%, 0.0%, 12.5% 8.5%, 0.0%, 64.1%, 12.5%
OKLCH 0.5351 0.208 282.8 0.8629 0.1656 116.4

对比度与无障碍

3.8:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CCDF50 → 背景色: #6350DF

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

文本: #6350DF → 背景色: #CCDF50

色差 (Delta E)

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

渐变

#6350DF #8567CB #9C7EB7 #AD96A1 #BBAE8A #C5C670 #CCDF50

颜色混合

#6350DF

100%

#9273C1

75:25

#AD96A1

50:50

#C0BA7E

25:75

#CCDF50

100%

CSS渐变代码

background: linear-gradient(to right, #6350DF, #CCDF50);
background: linear-gradient(135deg, #6350DF, #CCDF50);

探索每种颜色

#6350DF

查看完整颜色详情

#CCDF50

查看完整颜色详情

相关比较