#BAC0BB

#BAC0BB

Color Values

HEX

#BAC0BB

RGB

186, 192, 187

HSL

130.0, 4.5%, 74.1%

HSV

130.0, 3.1%, 75.3%

CMYK

3.1%, 0.0%, 2.6%, 24.7%

OKLCH

0.8016 0.0096 150.7

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAC0BB

#C0BABF

Analogous

#BCC0BA

#BAC0BE

#BAC0BB

Triadic

#BAC0BB

#BBBAC0

#C0BBBA

Split Complementary

#BAC0BB

#BEBAC0

#C0BABC

Tetradic

#BAC0BB

#BABCC0

#C0BABF

#C0BEBA

Color Blindness Simulation

Original

#BAC0BB

Protanopia

#BDBDBC

Deuteranopia

#BCBCBC

Tritanopia

#BABDBD

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDA
300
#BFC5C0
400
#9CA59E
500
#7A857C
600
#616B63
700
#4E554F
800
#3D433E
900
#2E322F
950
#1D201E

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026