#BAC2B8

#BAC2B8

Color Values

HEX

#BAC2B8

RGB

186, 194, 184

HSL

108.0, 7.6%, 74.1%

HSV

108.0, 5.2%, 76.1%

CMYK

4.1%, 0.0%, 5.2%, 23.9%

OKLCH

0.8049 0.0164 139.4

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAC2B8

#C0B8C2

Analogous

#BFC2B8

#B8C2BB

#BAC2B8

Triadic

#BAC2B8

#B8BAC2

#C2B8BA

Split Complementary

#BAC2B8

#BBB8C2

#C2B8BF

Tetradic

#BAC2B8

#B8BFC2

#C0B8C2

#C2BBB8

Color Blindness Simulation

Original

#BAC2B8

Protanopia

#BDBEBA

Deuteranopia

#BDBCBB

Tritanopia

#BABCBD

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADED9
300
#BFC6BD
400
#9CA899
500
#7A8976
600
#616E5E
700
#4E584B
800
#3D453B
900
#2E342D
950
#1D211D

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026