#BAC7C4

#BAC7C4

Color Values

HEX

#BAC7C4

RGB

186, 199, 196

HSL

166.2, 10.4%, 75.5%

HSV

166.2, 6.5%, 78.0%

CMYK

6.5%, 0.0%, 1.5%, 22.0%

OKLCH

0.8188 0.0148 180.6

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BAC7C4

#C7BABD

Analogous

#BAC7BE

#BAC4C7

#BAC7C4

Triadic

#BAC7C4

#C4BAC7

#C7C4BA

Split Complementary

#BAC7C4

#C7BAC4

#C7BEBA

Tetradic

#BAC7C4

#BEBAC7

#C7BABD

#C4C7BA

Color Blindness Simulation

Original

#BAC7C4

Protanopia

#C0C0C5

Deuteranopia

#BFBEC5

Tritanopia

#BBC5C5

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDD
300
#BBC8C5
400
#97AAA6
500
#728D87
600
#5B716C
700
#495A56
800
#394643
900
#2C3533
950
#1C2120

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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