#ABAEC5

#ABAEC5

#C5C2AB

#C5C2AB

对比度

1.22:1

Delta E

25.72

Very Different

50:50 混合

#B9B8B8

颜色值

格式 #ABAEC5 #C5C2AB
HEX #ABAEC5 #C5C2AB
RGB 171, 174, 197 197, 194, 171
HSL 233.1, 18.3%, 72.2% 53.1, 18.3%, 72.2%
HSV 233.1, 13.2%, 77.3% 53.1, 13.2%, 77.3%
CMYK 13.2%, 11.7%, 0.0%, 22.7% 0.0%, 1.5%, 13.2%, 22.7%
OKLCH 0.7558 0.033 279.7 0.8102 0.0316 101.0

对比度与无障碍

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

文本可读性

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

文本: #C5C2AB → 背景色: #ABAEC5

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

文本: #ABAEC5 → 背景色: #C5C2AB

色差 (Delta E)

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

渐变

#ABAEC5 #B0B1C1 #B4B5BC #B9B8B8 #BDBBB4 #C1BFAF #C5C2AB

颜色混合

#ABAEC5

100%

#B2B3BF

75:25

#B9B8B8

50:50

#BFBDB2

25:75

#C5C2AB

100%

CSS渐变代码

background: linear-gradient(to right, #ABAEC5, #C5C2AB);
background: linear-gradient(135deg, #ABAEC5, #C5C2AB);

探索每种颜色

#ABAEC5

查看完整颜色详情

#C5C2AB

查看完整颜色详情

相关比较