#BACBB0

#BACBB0

Color Values

HEX

#BACBB0

RGB

186, 203, 176

HSL

97.8, 20.6%, 74.3%

HSV

97.8, 13.3%, 79.6%

CMYK

8.4%, 0.0%, 13.3%, 20.4%

OKLCH

0.8218 0.0414 133.8

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BACBB0

#C1B0CB

Analogous

#C7CBB0

#B0CBB3

#BACBB0

Triadic

#BACBB0

#B0BACB

#CBB0BA

Split Complementary

#BACBB0

#B3B0CB

#CBB0C7

Tetradic

#BACBB0

#B0C7CB

#C1B0CB

#CBB3B0

Color Blindness Simulation

Original

#BACBB0

Protanopia

#C1C2B7

Deuteranopia

#C0BFB8

Tritanopia

#BBBCBD

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E3D4
300
#BFCEB5
400
#9CB48D
500
#799A65
600
#617B51
700
#4D6241
800
#3C4D33
900
#2E3927
950
#1D2419

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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