#AFECC9

#AFECC9

#ECAFD2

#ECAFD2

对比度

1.35:1

Delta E

58.3

Very Different

50:50 混合

#D2CFCE

颜色值

格式 #AFECC9 #ECAFD2
HEX #AFECC9 #ECAFD2
RGB 175, 236, 201 236, 175, 210
HSL 145.6, 61.6%, 80.6% 325.6, 61.6%, 80.6%
HSV 145.6, 25.8%, 92.5% 325.6, 25.8%, 92.5%
CMYK 25.8%, 0.0%, 14.8%, 7.5% 0.0%, 25.8%, 11.0%, 7.5%
OKLCH 0.8922 0.0784 159.2 0.8207 0.0839 343.7

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECAFD2 → 背景色: #AFECC9

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

文本: #AFECC9 → 背景色: #ECAFD2

色差 (Delta E)

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

渐变

#AFECC9 #BCE3CB #C7D9CC #D2CFCE #DBC5CF #E4BAD1 #ECAFD2

颜色混合

#AFECC9

100%

#C2DECB

75:25

#D2CFCE

50:50

#E0BFD0

25:75

#ECAFD2

100%

CSS渐变代码

background: linear-gradient(to right, #AFECC9, #ECAFD2);
background: linear-gradient(135deg, #AFECC9, #ECAFD2);

探索每种颜色

#AFECC9

查看完整颜色详情

#ECAFD2

查看完整颜色详情

相关比较