#8366EB

#8366EB

#CEEB66

#CEEB66

对比度

3.1:1

Delta E

147.38

Very Different

50:50 混合

#B9A8B0

颜色值

格式 #8366EB #CEEB66
HEX #8366EB #CEEB66
RGB 131, 102, 235 206, 235, 102
HSL 253.1, 76.9%, 66.1% 73.1, 76.9%, 66.1%
HSV 253.1, 56.6%, 92.2% 73.1, 56.6%, 92.2%
CMYK 44.3%, 56.6%, 0.0%, 7.8% 12.3%, 0.0%, 56.6%, 7.8%
OKLCH 0.6059 0.1923 289.4 0.8927 0.1616 120.1

对比度与无障碍

3.1:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CEEB66 → 背景色: #8366EB

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

文本: #8366EB → 背景色: #CEEB66

色差 (Delta E)

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

渐变

#8366EB #9A7CD8 #AC92C4 #B9A8B0 #C2BE9A #C9D482 #CEEB66

颜色混合

#8366EB

100%

#A487CE

75:25

#B9A8B0

50:50

#C6C98E

25:75

#CEEB66

100%

CSS渐变代码

background: linear-gradient(to right, #8366EB, #CEEB66);
background: linear-gradient(135deg, #8366EB, #CEEB66);

探索每种颜色

#8366EB

查看完整颜色详情

#CEEB66

查看完整颜色详情

相关比较