#8C80EB

#8C80EB

#DFEB80

#DFEB80

对比度

2.55:1

Delta E

118.39

Very Different

50:50 混合

#C1B4BA

颜色值

格式 #8C80EB #DFEB80
HEX #8C80EB #DFEB80
RGB 140, 128, 235 223, 235, 128
HSL 246.7, 72.8%, 71.2% 66.7, 72.8%, 71.2%
HSV 246.7, 45.5%, 92.2% 66.7, 45.5%, 92.2%
CMYK 40.4%, 45.5%, 0.0%, 7.8% 5.1%, 0.0%, 45.5%, 7.8%
OKLCH 0.6584 0.1554 286.4 0.9085 0.1322 114.3

对比度与无障碍

2.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFEB80 → 背景色: #8C80EB

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

文本: #8C80EB → 背景色: #DFEB80

色差 (Delta E)

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

渐变

#8C80EB #A191DB #B3A3CB #C1B4BA #CDC6A8 #D7D995 #DFEB80

颜色混合

#8C80EB

100%

#AA9AD3

75:25

#C1B4BA

50:50

#D2CF9F

25:75

#DFEB80

100%

CSS渐变代码

background: linear-gradient(to right, #8C80EB, #DFEB80);
background: linear-gradient(135deg, #8C80EB, #DFEB80);

探索每种颜色

#8C80EB

查看完整颜色详情

#DFEB80

查看完整颜色详情

相关比较