#AFEB96

#AFEB96

#D296EB

#D296EB

对比度

1.63:1

Delta E

101.0

Very Different

50:50 混合

#C7C2C2

颜色值

格式 #AFEB96 #D296EB
HEX #AFEB96 #D296EB
RGB 175, 235, 150 210, 150, 235
HSL 102.4, 68.0%, 75.5% 282.4, 68.0%, 75.5%
HSV 102.4, 36.2%, 92.2% 282.4, 36.2%, 92.2%
CMYK 25.5%, 0.0%, 36.2%, 7.8% 10.6%, 36.2%, 0.0%, 7.8%
OKLCH 0.879 0.1281 136.8 0.7609 0.134 315.6

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D296EB → 背景色: #AFEB96

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

文本: #AFEB96 → 背景色: #D296EB

色差 (Delta E)

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

渐变

#AFEB96 #B9DEA5 #C1D0B4 #C7C2C2 #CCB4D0 #CFA5DE #D296EB

颜色混合

#AFEB96

100%

#BDD7AD

75:25

#C7C2C2

50:50

#CEADD7

25:75

#D296EB

100%

CSS渐变代码

background: linear-gradient(to right, #AFEB96, #D296EB);
background: linear-gradient(135deg, #AFEB96, #D296EB);

探索每种颜色

#AFEB96

查看完整颜色详情

#D296EB

查看完整颜色详情

相关比较