#ABCEC7

#ABCEC7

#CEABB2

#CEABB2

对比度

1.23:1

Delta E

27.77

Very Different

50:50 混合

#BEBDBC

颜色值

格式 #ABCEC7 #CEABB2
HEX #ABCEC7 #CEABB2
RGB 171, 206, 199 206, 171, 178
HSL 168.0, 26.3%, 73.9% 348.0, 26.3%, 73.9%
HSV 168.0, 17.0%, 80.8% 348.0, 17.0%, 80.8%
CMYK 17.0%, 0.0%, 3.4%, 19.2% 0.0%, 17.0%, 13.6%, 19.2%
OKLCH 0.8239 0.0385 181.9 0.7742 0.0418 4.6

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CEABB2 → 背景色: #ABCEC7

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

文本: #ABCEC7 → 背景色: #CEABB2

色差 (Delta E)

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

渐变

#ABCEC7 #B2C8C3 #B8C3C0 #BEBDBC #C4B7B9 #C9B1B5 #CEABB2

颜色混合

#ABCEC7

100%

#B5C6C2

75:25

#BEBDBC

50:50

#C7B4B7

25:75

#CEABB2

100%

CSS渐变代码

background: linear-gradient(to right, #ABCEC7, #CEABB2);
background: linear-gradient(135deg, #ABCEC7, #CEABB2);

探索每种颜色

#ABCEC7

查看完整颜色详情

#CEABB2

查看完整颜色详情

相关比较