#8B5ABC

#8B5ABC

#8BBC5A

#8BBC5A

对比度

2.2:1

Delta E

116.42

Very Different

50:50 混合

颜色值

格式 #8B5ABC #8BBC5A
HEX #8B5ABC #8BBC5A
RGB 139, 90, 188 139, 188, 90
HSL 270.0, 42.2%, 54.5% 90.0, 42.2%, 54.5%
HSV 270.0, 52.1%, 73.7% 90.0, 52.1%, 73.7%
CMYK 26.1%, 52.1%, 0.0%, 26.3% 26.1%, 0.0%, 52.1%, 26.3%
OKLCH 0.5641 0.152 305.1 0.7387 0.1388 131.1

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8BBC5A → 背景色: #8B5ABC

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

文本: #8B5ABC → 背景色: #8BBC5A

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #8B5ABC, #8BBC5A);
background: linear-gradient(135deg, #8B5ABC, #8BBC5A);

探索每种颜色

相关比较