#8972DF

#8972DF

#C8DF72

#C8DF72

对比度

2.57:1

Delta E

122.2

Very Different

50:50 混合

#B4A8AD

颜色值

格式 #8972DF #C8DF72
HEX #8972DF #C8DF72
RGB 137, 114, 223 200, 223, 114
HSL 252.7, 63.0%, 66.1% 72.7, 63.0%, 66.1%
HSV 252.7, 48.9%, 87.5% 72.7, 48.9%, 87.5%
CMYK 38.6%, 48.9%, 0.0%, 12.5% 10.3%, 0.0%, 48.9%, 12.5%
OKLCH 0.6237 0.1597 290.7 0.8636 0.1375 119.2

对比度与无障碍

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C8DF72 → 背景色: #8972DF

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

文本: #8972DF → 背景色: #C8DF72

色差 (Delta E)

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

渐变

#8972DF #9B84CF #A996BE #B4A8AD #BCBA9B #C3CC88 #C8DF72

颜色混合

#8972DF

100%

#A28DC7

75:25

#B4A8AD

50:50

#C0C392

25:75

#C8DF72

100%

CSS渐变代码

background: linear-gradient(to right, #8972DF, #C8DF72);
background: linear-gradient(135deg, #8972DF, #C8DF72);

探索每种颜色

#8972DF

查看完整颜色详情

#C8DF72

查看完整颜色详情

相关比较