#B2ABAF

#B2ABAF

Color Values

HEX

#B2ABAF

RGB

178, 171, 175

HSL

325.7, 4.3%, 68.4%

HSV

325.7, 3.9%, 69.8%

CMYK

0.0%, 3.9%, 1.7%, 30.2%

OKLCH

0.7482 0.0097 341.9

Properties

Warm Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#B2ABAF

#ABB2AE

Analogous

#B1ABB2

#B2ABAB

#B2ABAF

Triadic

#B2ABAF

#AFB2AB

#ABAFB2

Split Complementary

#B2ABAF

#ABB2AB

#ABB2B1

Tetradic

#B2ABAF

#B2B1AB

#ABB2AE

#ABABB2

Color Blindness Simulation

Original

#B2ABAF

Protanopia

#AFAFAE

Deuteranopia

#AFB0AE

Tritanopia

#B2ADAD

Achromatopsia

#ADADAD

CSS Usage

background-color: #B2ABAF;
color: #B2ABAF;
border-color: #B2ABAF;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDDADC
300
#C4BFC2
400
#A59DA1
500
#857A80
600
#6A6267
700
#554E52
800
#423D40
900
#322F31
950
#201D1F

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026