#BAC8AC

#BAC8AC

Color Values

HEX

#BAC8AC

RGB

186, 200, 172

HSL

90.0, 20.3%, 72.9%

HSV

90.0, 14.0%, 78.4%

CMYK

7.0%, 0.0%, 14.0%, 21.6%

OKLCH

0.8144 0.0413 129.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BAC8AC

#BAACC8

Analogous

#C8C8AC

#ACC8AC

#BAC8AC

Triadic

#BAC8AC

#ACBAC8

#C8ACBA

Split Complementary

#BAC8AC

#ACACC8

#C8ACC8

Tetradic

#BAC8AC

#ACC8C8

#BAACC8

#C8ACAC

Color Blindness Simulation

Original

#BAC8AC

Protanopia

#C0C0B3

Deuteranopia

#BFBEB4

Tritanopia

#BBB8B9

Achromatopsia

#C3C3C3

CSS Usage

background-color: #BAC8AC;
color: #BAC8AC;
border-color: #BAC8AC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DBE3D4
300
#C2CEB5
400
#A1B48D
500
#809966
600
#667B51
700
#526241
800
#404D33
900
#303928
950
#1F2419

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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