#ABCCBA

#ABCCBA

#CCABBD

#CCABBD

对比度

1.19:1

Delta E

31.75

Very Different

50:50 混合

#BDBCBC

颜色值

格式 #ABCCBA #CCABBD
HEX #ABCCBA #CCABBD
RGB 171, 204, 186 204, 171, 189
HSL 147.3, 24.4%, 73.5% 327.3, 24.4%, 73.5%
HSV 147.3, 16.2%, 80.0% 327.3, 16.2%, 80.0%
CMYK 16.2%, 0.0%, 8.8%, 20.0% 0.0%, 16.2%, 7.4%, 20.0%
OKLCH 0.8159 0.0433 161.4 0.7757 0.0452 344.2

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCABBD → 背景色: #ABCCBA

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

文本: #ABCCBA → 背景色: #CCABBD

色差 (Delta E)

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

渐变

#ABCCBA #B1C7BB #B7C1BB #BDBCBC #C2B6BC #C7B1BD #CCABBD

颜色混合

#ABCCBA

100%

#B4C4BB

75:25

#BDBCBC

50:50

#C5B4BC

25:75

#CCABBD

100%

CSS渐变代码

background: linear-gradient(to right, #ABCCBA, #CCABBD);
background: linear-gradient(135deg, #ABCCBA, #CCABBD);

探索每种颜色

#ABCCBA

查看完整颜色详情

#CCABBD

查看完整颜色详情

相关比较