#AF72EC

#AF72EC

#AFEC72

#AFEC72

对比度

2.34:1

Delta E

138.85

Very Different

50:50 混合

#BBB1B4

颜色值

格式 #AF72EC #AFEC72
HEX #AF72EC #AFEC72
RGB 175, 114, 236 175, 236, 114
HSL 270.0, 76.2%, 68.6% 90.0, 76.2%, 68.6%
HSV 270.0, 51.7%, 92.5% 90.0, 51.7%, 92.5%
CMYK 25.8%, 51.7%, 0.0%, 7.5% 25.8%, 0.0%, 51.7%, 7.5%
OKLCH 0.6676 0.1813 305.1 0.8758 0.1655 131.1

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFEC72 → 背景色: #AF72EC

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

文本: #AF72EC → 背景色: #AFEC72

色差 (Delta E)

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

渐变

#AF72EC #B688DA #BA9DC7 #BBB1B4 #BAC5A0 #B6D98A #AFEC72

颜色混合

#AF72EC

100%

#B893D1

75:25

#BBB1B4

50:50

#B8CF95

25:75

#AFEC72

100%

CSS渐变代码

background: linear-gradient(to right, #AF72EC, #AFEC72);
background: linear-gradient(135deg, #AF72EC, #AFEC72);

探索每种颜色

#AF72EC

查看完整颜色详情

#AFEC72

查看完整颜色详情

相关比较