#8F63DF

#8F63DF

#B3DF63

#B3DF63

对比度

2.72:1

Delta E

140.07

Very Different

50:50 混合

#AEA2A7

颜色值

格式 #8F63DF #B3DF63
HEX #8F63DF #B3DF63
RGB 143, 99, 223 179, 223, 99
HSL 261.3, 66.0%, 63.1% 81.3, 66.0%, 63.1%
HSV 261.3, 55.6%, 87.5% 81.3, 55.6%, 87.5%
CMYK 35.9%, 55.6%, 0.0%, 12.5% 19.7%, 0.0%, 55.6%, 12.5%
OKLCH 0.6042 0.182 297.0 0.847 0.1597 125.9

对比度与无障碍

2.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B3DF63 → 背景色: #8F63DF

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

文本: #8F63DF → 背景色: #B3DF63

色差 (Delta E)

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

渐变

#8F63DF #9D78CD #A78DBA #AEA2A7 #B3B693 #B4CB7D #B3DF63

颜色混合

#8F63DF

100%

#A383C4

75:25

#AEA2A7

50:50

#B4C088

25:75

#B3DF63

100%

CSS渐变代码

background: linear-gradient(to right, #8F63DF, #B3DF63);
background: linear-gradient(135deg, #8F63DF, #B3DF63);

探索每种颜色

#8F63DF

查看完整颜色详情

#B3DF63

查看完整颜色详情

相关比较