#ABCFC9

#ABCFC9

#CFABB1

#CFABB1

对比度

1.24:1

Delta E

28.23

Very Different

50:50 混合

#BFBDBD

颜色值

格式 #ABCFC9 #CFABB1
HEX #ABCFC9 #CFABB1
RGB 171, 207, 201 207, 171, 177
HSL 170.0, 27.3%, 74.1% 350.0, 27.3%, 74.1%
HSV 170.0, 17.4%, 81.2% 350.0, 17.4%, 81.2%
CMYK 17.4%, 0.0%, 2.9%, 18.8% 0.0%, 17.4%, 14.5%, 18.8%
OKLCH 0.8267 0.0391 184.2 0.7749 0.0427 6.9

对比度与无障碍

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFABB1 → 背景色: #ABCFC9

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

文本: #ABCFC9 → 背景色: #CFABB1

色差 (Delta E)

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

渐变

#ABCFC9 #B2C9C5 #B9C3C1 #BFBDBD #C5B7B9 #CAB1B5 #CFABB1

颜色混合

#ABCFC9

100%

#B6C6C3

75:25

#BFBDBD

50:50

#C7B4B7

25:75

#CFABB1

100%

CSS渐变代码

background: linear-gradient(to right, #ABCFC9, #CFABB1);
background: linear-gradient(135deg, #ABCFC9, #CFABB1);

探索每种颜色

#ABCFC9

查看完整颜色详情

#CFABB1

查看完整颜色详情

相关比较