#BAC1AE

#BAC1AE

Color Values

HEX

#BAC1AE

RGB

186, 193, 174

HSL

82.1, 13.3%, 72.0%

HSV

82.1, 9.8%, 75.7%

CMYK

3.6%, 0.0%, 9.8%, 24.3%

OKLCH

0.8001 0.0273 123.5

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BAC1AE

#B5AEC1

Analogous

#C1BFAE

#B1C1AE

#BAC1AE

Triadic

#BAC1AE

#AEBAC1

#C1AEBA

Split Complementary

#BAC1AE

#AEB1C1

#BFAEC1

Tetradic

#BAC1AE

#AEC1BF

#B5AEC1

#C1AEB1

Color Blindness Simulation

Original

#BAC1AE

Protanopia

#BDBDB3

Deuteranopia

#BDBCB4

Tritanopia

#BAB6B7

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D7
300
#C4CABA
400
#A4AD94
500
#84906F
600
#6A7458
700
#545C47
800
#424837
900
#32362B
950
#20221B

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026