#BACBB5

#BACBB5

Color Values

HEX

#BACBB5

RGB

186, 203, 181

HSL

106.4, 17.5%, 75.3%

HSV

106.4, 10.8%, 79.6%

CMYK

8.4%, 0.0%, 10.8%, 20.4%

OKLCH

0.823 0.0354 138.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BACBB5

#C6B5CB

Analogous

#C5CBB5

#B5CBBB

#BACBB5

Triadic

#BACBB5

#B5BACB

#CBB5BA

Split Complementary

#BACBB5

#BBB5CB

#CBB5C5

Tetradic

#BACBB5

#B5C5CB

#C6B5CB

#CBBBB5

Color Blindness Simulation

Original

#BACBB5

Protanopia

#C1C2BA

Deuteranopia

#C0BFBC

Tritanopia

#BBBFBF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECF0EA
200
#D8E2D5
300
#BCCDB7
400
#98B190
500
#739669
600
#5C7854
700
#4A6043
800
#3A4B35
900
#2C3829
950
#1C231A

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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