#AFECB0

#AFECB0

#ECAFEB

#ECAFEB

对比度

1.3:1

Delta E

77.3

Very Different

50:50 混合

#D2CFCE

颜色值

格式 #AFECB0 #ECAFEB
HEX #AFECB0 #ECAFEB
RGB 175, 236, 176 236, 175, 235
HSL 121.0, 61.6%, 80.6% 301.0, 61.6%, 80.6%
HSV 121.0, 25.8%, 92.5% 301.0, 25.8%, 92.5%
CMYK 25.8%, 0.0%, 25.4%, 7.5% 0.0%, 25.8%, 0.4%, 7.5%
OKLCH 0.8863 0.1023 145.0 0.8293 0.1054 327.0

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECAFEB → 背景色: #AFECB0

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

文本: #AFECB0 → 背景色: #ECAFEB

色差 (Delta E)

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

渐变

#AFECB0 #BCE3BA #C7D9C4 #D2CFCE #DBC5D8 #E4BAE2 #ECAFEB

颜色混合

#AFECB0

100%

#C2DEBF

75:25

#D2CFCE

50:50

#E0C0DD

25:75

#ECAFEB

100%

CSS渐变代码

background: linear-gradient(to right, #AFECB0, #ECAFEB);
background: linear-gradient(135deg, #AFECB0, #ECAFEB);

探索每种颜色

#AFECB0

查看完整颜色详情

#ECAFEB

查看完整颜色详情

相关比较