#BAC4BE

#BAC4BE

Color Values

HEX

#BAC4BE

RGB

186, 196, 190

HSL

144.0, 7.8%, 74.9%

HSV

144.0, 5.1%, 76.9%

CMYK

5.1%, 0.0%, 3.1%, 23.1%

OKLCH

0.8108 0.0138 159.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BAC4BE

#C4BAC0

Analogous

#BBC4BA

#BAC4C3

#BAC4BE

Triadic

#BAC4BE

#BEBAC4

#C4BEBA

Split Complementary

#BAC4BE

#C3BAC4

#C4BABB

Tetradic

#BAC4BE

#BABBC4

#C4BAC0

#C4C3BA

Color Blindness Simulation

Original

#BAC4BE

Protanopia

#BEBEBF

Deuteranopia

#BEBDC0

Tritanopia

#BAC1C1

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BAC4BE;
color: #BAC4BE;
border-color: #BAC4BE;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDB
300
#BDC7C1
400
#99A89F
500
#76897E
600
#5E6E64
700
#4B5850
800
#3B453F
900
#2D3430
950
#1C211E

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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