#BAC3B6

#BAC3B6

Color Values

HEX

#BAC3B6

RGB

186, 195, 182

HSL

101.5, 9.8%, 73.9%

HSV

101.5, 6.7%, 76.5%

CMYK

4.6%, 0.0%, 6.7%, 23.5%

OKLCH

0.8065 0.0205 135.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BAC3B6

#BFB6C3

Analogous

#C0C3B6

#B6C3B8

#BAC3B6

Triadic

#BAC3B6

#B6BAC3

#C3B6BA

Split Complementary

#BAC3B6

#B8B6C3

#C3B6C0

Tetradic

#BAC3B6

#B6C0C3

#BFB6C3

#C3B8B6

Color Blindness Simulation

Original

#BAC3B6

Protanopia

#BEBEB9

Deuteranopia

#BDBDBA

Tritanopia

#BABCBC

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DADFD8
300
#C0C8BC
400
#9DAA97
500
#7B8C73
600
#62705C
700
#4F5A4A
800
#3D463A
900
#2F352C
950
#1E211C

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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