#BAC1BB

#BAC1BB

Color Values

HEX

#BAC1BB

RGB

186, 193, 187

HSL

128.6, 5.3%, 74.3%

HSV

128.6, 3.6%, 75.7%

CMYK

3.6%, 0.0%, 3.1%, 24.3%

OKLCH

0.8037 0.0113 149.8

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAC1BB

#C1BAC0

Analogous

#BCC1BA

#BAC1BE

#BAC1BB

Triadic

#BAC1BB

#BBBAC1

#C1BBBA

Split Complementary

#BAC1BB

#BEBAC1

#C1BABC

Tetradic

#BAC1BB

#BABCC1

#C1BAC0

#C1BEBA

Color Blindness Simulation

Original

#BAC1BB

Protanopia

#BDBDBC

Deuteranopia

#BDBCBD

Tritanopia

#BABEBE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDA
300
#BFC5BF
400
#9CA69D
500
#79867B
600
#616B62
700
#4D564F
800
#3C433D
900
#2E332F
950
#1D201E

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026