#BAC9C4

#BAC9C4

Color Values

HEX

#BAC9C4

RGB

186, 201, 196

HSL

160.0, 12.2%, 75.9%

HSV

160.0, 7.5%, 78.8%

CMYK

7.5%, 0.0%, 2.5%, 21.2%

OKLCH

0.823 0.0178 173.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BAC9C4

#C9BABF

Analogous

#BAC9BD

#BAC7C9

#BAC9C4

Triadic

#BAC9C4

#C4BAC9

#C9C4BA

Split Complementary

#BAC9C4

#C9BAC7

#C9BDBA

Tetradic

#BAC9C4

#BDBAC9

#C9BABF

#C7C9BA

Color Blindness Simulation

Original

#BAC9C4

Protanopia

#C0C1C5

Deuteranopia

#C0BEC6

Tritanopia

#BBC6C6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BAC9C4
400
#95ACA4
500
#708F85
600
#5A726A
700
#485C55
800
#384842
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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