#AFEB99

#AFEB99

#D599EB

#D599EB

对比度

1.58:1

Delta E

98.01

Very Different

50:50 混合

#C8C4C4

颜色值

格式 #AFEB99 #D599EB
HEX #AFEB99 #D599EB
RGB 175, 235, 153 213, 153, 235
HSL 103.9, 67.2%, 76.1% 283.9, 67.2%, 76.1%
HSV 103.9, 34.9%, 92.2% 283.9, 34.9%, 92.2%
CMYK 25.5%, 0.0%, 34.9%, 7.8% 9.4%, 34.9%, 0.0%, 7.8%
OKLCH 0.8795 0.125 137.6 0.7689 0.1303 316.7

对比度与无障碍

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D599EB → 背景色: #AFEB99

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

文本: #AFEB99 → 背景色: #D599EB

色差 (Delta E)

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

渐变

#AFEB99 #B9DEA8 #C1D1B6 #C8C4C4 #CDB6D1 #D2A8DE #D599EB

颜色混合

#AFEB99

100%

#BDD8AF

75:25

#C8C4C4

50:50

#D0AFD8

25:75

#D599EB

100%

CSS渐变代码

background: linear-gradient(to right, #AFEB99, #D599EB);
background: linear-gradient(135deg, #AFEB99, #D599EB);

探索每种颜色

#AFEB99

查看完整颜色详情

#D599EB

查看完整颜色详情

相关比较