#ABCCB0

#ABCCB0

#CCABC7

#CCABC7

对比度

1.17:1

Delta E

39.18

Very Different

50:50 混合

#BDBCBC

颜色值

格式 #ABCCB0 #CCABC7
HEX #ABCCB0 #CCABC7
RGB 171, 204, 176 204, 171, 199
HSL 129.1, 24.4%, 73.5% 309.1, 24.4%, 73.5%
HSV 129.1, 16.2%, 80.0% 309.1, 16.2%, 80.0%
CMYK 16.2%, 0.0%, 13.7%, 20.0% 0.0%, 16.2%, 2.5%, 20.0%
OKLCH 0.8132 0.0526 149.4 0.7789 0.0538 331.2

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCABC7 → 背景色: #ABCCB0

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

文本: #ABCCB0 → 背景色: #CCABC7

色差 (Delta E)

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

渐变

#ABCCB0 #B1C7B4 #B7C1B8 #BDBCBC #C2B7BF #C7B1C3 #CCABC7

颜色混合

#ABCCB0

100%

#B4C4B6

75:25

#BDBCBC

50:50

#C5B4C1

25:75

#CCABC7

100%

CSS渐变代码

background: linear-gradient(to right, #ABCCB0, #CCABC7);
background: linear-gradient(135deg, #ABCCB0, #CCABC7);

探索每种颜色

#ABCCB0

查看完整颜色详情

#CCABC7

查看完整颜色详情

相关比较