#AF7FEE

#AF7FEE

#BEEE7F

#BEEE7F

对比度

2.22:1

Delta E

125.32

Very Different

50:50 混合

#C0B8BB

颜色值

格式 #AF7FEE #BEEE7F
HEX #AF7FEE #BEEE7F
RGB 175, 127, 238 190, 238, 127
HSL 265.9, 76.6%, 71.6% 85.9, 76.6%, 71.6%
HSV 265.9, 46.6%, 93.3% 85.9, 46.6%, 93.3%
CMYK 26.5%, 46.6%, 0.0%, 6.7% 20.2%, 0.0%, 46.6%, 6.7%
OKLCH 0.6894 0.1635 302.3 0.8915 0.1488 128.3

对比度与无障碍

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BEEE7F → 背景色: #AF7FEE

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

文本: #AF7FEE → 背景色: #BEEE7F

色差 (Delta E)

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

渐变

#AF7FEE #B792DD #BDA5CC #C0B8BB #C2CAA8 #C1DC95 #BEEE7F

颜色混合

#AF7FEE

100%

#BA9CD5

75:25

#C0B8BB

50:50

#C2D39F

25:75

#BEEE7F

100%

CSS渐变代码

background: linear-gradient(to right, #AF7FEE, #BEEE7F);
background: linear-gradient(135deg, #AF7FEE, #BEEE7F);

探索每种颜色

#AF7FEE

查看完整颜色详情

#BEEE7F

查看完整颜色详情

相关比较