#AFD7BA

#AFD7BA

#D7AFCC

#D7AFCC

对比度

1.22:1

Delta E

43.19

Very Different

50:50 混合

#C5C4C3

颜色值

格式 #AFD7BA #D7AFCC
HEX #AFD7BA #D7AFCC
RGB 175, 215, 186 215, 175, 204
HSL 136.5, 33.3%, 76.5% 316.5, 33.3%, 76.5%
HSV 136.5, 18.6%, 84.3% 316.5, 18.6%, 84.3%
CMYK 18.6%, 0.0%, 13.5%, 15.7% 0.0%, 18.6%, 5.1%, 15.7%
OKLCH 0.8425 0.0582 153.5 0.7983 0.0602 336.1

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D7AFCC → 背景色: #AFD7BA

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

文本: #AFD7BA → 背景色: #D7AFCC

色差 (Delta E)

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

渐变

#AFD7BA #B7D1BD #BECAC0 #C5C4C3 #CBBDC6 #D1B6C9 #D7AFCC

颜色混合

#AFD7BA

100%

#BACEBF

75:25

#C5C4C3

50:50

#CEBAC8

25:75

#D7AFCC

100%

CSS渐变代码

background: linear-gradient(to right, #AFD7BA, #D7AFCC);
background: linear-gradient(135deg, #AFD7BA, #D7AFCC);

探索每种颜色

#AFD7BA

查看完整颜色详情

#D7AFCC

查看完整颜色详情

相关比较