#AFDA8F

#AFDA8F

#BA8FDA

#BA8FDA

对比度

1.65:1

Delta E

88.03

Very Different

50:50 混合

#B9B6B6

颜色值

格式 #AFDA8F #BA8FDA
HEX #AFDA8F #BA8FDA
RGB 175, 218, 143 186, 143, 218
HSL 94.4, 50.3%, 70.8% 274.4, 50.3%, 70.8%
HSV 94.4, 34.4%, 85.5% 274.4, 34.4%, 85.5%
CMYK 19.7%, 0.0%, 34.4%, 14.5% 14.7%, 34.4%, 0.0%, 14.5%
OKLCH 0.8396 0.1097 132.6 0.7177 0.1155 309.9

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA8FDA → 背景色: #AFDA8F

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

文本: #AFDA8F → 背景色: #BA8FDA

色差 (Delta E)

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

渐变

#AFDA8F #B4CE9D #B7C2AA #B9B6B6 #BBA9C2 #BB9CCE #BA8FDA

颜色混合

#AFDA8F

100%

#B5C8A3

75:25

#B9B6B6

50:50

#BBA3C8

25:75

#BA8FDA

100%

CSS渐变代码

background: linear-gradient(to right, #AFDA8F, #BA8FDA);
background: linear-gradient(135deg, #AFDA8F, #BA8FDA);

探索每种颜色

#AFDA8F

查看完整颜色详情

#BA8FDA

查看完整颜色详情

相关比较