#AFEB97

#AFEB97

#D397EB

#D397EB

对比度

1.61:1

Delta E

100.01

Very Different

50:50 混合

#C7C3C3

颜色值

格式 #AFEB97 #D397EB
HEX #AFEB97 #D397EB
RGB 175, 235, 151 211, 151, 235
HSL 102.9, 67.7%, 75.7% 282.9, 67.7%, 75.7%
HSV 102.9, 35.7%, 92.2% 282.9, 35.7%, 92.2%
CMYK 25.5%, 0.0%, 35.7%, 7.8% 10.2%, 35.7%, 0.0%, 7.8%
OKLCH 0.8792 0.1271 137.1 0.7636 0.1327 316.0

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D397EB → 背景色: #AFEB97

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

文本: #AFEB97 → 背景色: #D397EB

色差 (Delta E)

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

渐变

#AFEB97 #B9DEA6 #C1D1B5 #C7C3C3 #CCB5D0 #D0A6DE #D397EB

颜色混合

#AFEB97

100%

#BDD7AE

75:25

#C7C3C3

50:50

#CEAED7

25:75

#D397EB

100%

CSS渐变代码

background: linear-gradient(to right, #AFEB97, #D397EB);
background: linear-gradient(135deg, #AFEB97, #D397EB);

探索每种颜色

#AFEB97

查看完整颜色详情

#D397EB

查看完整颜色详情

相关比较