#BAC6B8

#BAC6B8

Color Values

HEX

#BAC6B8

RGB

186, 198, 184

HSL

111.4, 10.9%, 74.9%

HSV

111.4, 7.1%, 77.6%

CMYK

6.1%, 0.0%, 7.1%, 22.4%

OKLCH

0.8133 0.0234 141.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BAC6B8

#C4B8C6

Analogous

#C1C6B8

#B8C6BD

#BAC6B8

Triadic

#BAC6B8

#B8BAC6

#C6B8BA

Split Complementary

#BAC6B8

#BDB8C6

#C6B8C1

Tetradic

#BAC6B8

#B8C1C6

#C4B8C6

#C6BDB8

Color Blindness Simulation

Original

#BAC6B8

Protanopia

#BFBFBB

Deuteranopia

#BEBEBC

Tritanopia

#BBBEBF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9DFD7
300
#BDC8BB
400
#99AB96
500
#768D72
600
#5E715B
700
#4B5A49
800
#3B4739
900
#2D352C
950
#1C221C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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