#BABBC3

#BABBC3

#C3C2BA

#C3C2BA

对比度

1.07:1

Delta E

8.89

Noticeable

50:50 混合

#BFBEBF

颜色值

格式 #BABBC3 #C3C2BA
HEX #BABBC3 #C3C2BA
RGB 186, 187, 195 195, 194, 186
HSL 233.3, 7.0%, 74.7% 53.3, 7.0%, 74.7%
HSV 233.3, 4.6%, 76.5% 53.3, 4.6%, 76.5%
CMYK 4.6%, 4.1%, 0.0%, 23.5% 0.0%, 0.5%, 4.6%, 23.5%
OKLCH 0.7937 0.0113 280.4 0.8126 0.0111 100.9

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C3C2BA → 背景色: #BABBC3

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

文本: #BABBC3 → 背景色: #C3C2BA

色差 (Delta E)

8.89 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#BABBC3 #BCBCC2 #BDBDC0 #BFBEBF #C0C0BD #C2C1BC #C3C2BA

颜色混合

#BABBC3

100%

#BCBDC1

75:25

#BFBEBF

50:50

#C1C0BC

25:75

#C3C2BA

100%

CSS渐变代码

background: linear-gradient(to right, #BABBC3, #C3C2BA);
background: linear-gradient(135deg, #BABBC3, #C3C2BA);

探索每种颜色

#BABBC3

查看完整颜色详情

#C3C2BA

查看完整颜色详情

相关比较