#B4B7BA

#B4B7BA

Color Values

HEX

#B4B7BA

RGB

180, 183, 186

HSL

210.0, 4.2%, 71.8%

HSV

210.0, 3.2%, 72.9%

CMYK

3.2%, 1.6%, 0.0%, 27.1%

OKLCH

0.7779 0.0054 247.9

Properties

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

Color Harmonies

Complementary

#B4B7BA

#BAB7B4

Analogous

#B4BABA

#B4B4BA

#B4B7BA

Triadic

#B4B7BA

#BAB4B7

#B7BAB4

Split Complementary

#B4B7BA

#BAB4B4

#BABAB4

Tetradic

#B4B7BA

#BAB4BA

#BAB7B4

#B4BAB4

Color Blindness Simulation

Original

#B4B7BA

Protanopia

#B5B5B9

Deuteranopia

#B5B5B9

Tritanopia

#B4B9B9

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDD
300
#BFC2C4
400
#9DA1A5
500
#7A8085
600
#62666A
700
#4E5255
800
#3D4042
900
#2F3032
950
#1D1F20

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.42: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