#AC6FEC

#AC6FEC

#AFEC6F

#AFEC6F

对比度

2.41:1

Delta E

141.92

Very Different

50:50 混合

#BAB0B3

颜色值

格式 #AC6FEC #AFEC6F
HEX #AC6FEC #AFEC6F
RGB 172, 111, 236 175, 236, 111
HSL 269.3, 76.7%, 68.0% 89.3, 76.7%, 68.0%
HSV 269.3, 53.0%, 92.5% 89.3, 53.0%, 92.5%
CMYK 27.1%, 53.0%, 0.0%, 7.5% 25.8%, 0.0%, 53.0%, 7.5%
OKLCH 0.6599 0.1851 304.3 0.8754 0.1682 130.7

对比度与无障碍

2.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFEC6F → 背景色: #AC6FEC

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

文本: #AC6FEC → 背景色: #AFEC6F

色差 (Delta E)

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

渐变

#AC6FEC #B486D9 #B89BC6 #BAB0B3 #B9C49E #B6D888 #AFEC6F

颜色混合

#AC6FEC

100%

#B690D0

75:25

#BAB0B3

50:50

#B8CE93

25:75

#AFEC6F

100%

CSS渐变代码

background: linear-gradient(to right, #AC6FEC, #AFEC6F);
background: linear-gradient(135deg, #AC6FEC, #AFEC6F);

探索每种颜色

#AC6FEC

查看完整颜色详情

#AFEC6F

查看完整颜色详情

相关比较