#B2B1AF

#B2B1AF

Color Values

HEX

#B2B1AF

RGB

178, 177, 175

HSL

40.0, 1.9%, 69.2%

HSV

40.0, 1.7%, 69.8%

CMYK

0.0%, 0.6%, 1.7%, 30.2%

OKLCH

0.7606 0.003 84.6

Properties

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

Color Harmonies

Complementary

#B2B1AF

#AFB0B2

Analogous

#B2AFAF

#B1B2AF

#B2B1AF

Triadic

#B2B1AF

#AFB2B1

#B1AFB2

Split Complementary

#B2B1AF

#AFB1B2

#AFAFB2

Tetradic

#B2B1AF

#AFB2AF

#AFB0B2

#B2AFB1

Color Blindness Simulation

Original

#B2B1AF

Protanopia

#B2B2AF

Deuteranopia

#B2B2B0

Tritanopia

#B2B0B0

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDCDB
300
#C3C2C1
400
#A2A19F
500
#82807D
600
#686764
700
#535250
800
#41403F
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.8:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026