#BACBBF

#BACBBF

Color Values

HEX

#BACBBF

RGB

186, 203, 191

HSL

137.6, 14.0%, 76.3%

HSV

137.6, 8.4%, 79.6%

CMYK

8.4%, 0.0%, 5.9%, 20.4%

OKLCH

0.8257 0.0248 155.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BACBBF

#CBBAC6

Analogous

#BECBBA

#BACBC8

#BACBBF

Triadic

#BACBBF

#BFBACB

#CBBFBA

Split Complementary

#BACBBF

#C8BACB

#CBBABE

Tetradic

#BACBBF

#BABECB

#CBBAC6

#CBC8BA

Color Blindness Simulation

Original

#BACBBF

Protanopia

#C1C2C2

Deuteranopia

#C0BFC3

Tritanopia

#BBC4C5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BACBBF;
color: #BACBBF;
border-color: #BACBBF;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E0D9
300
#B9CABE
400
#93AE9B
500
#6E9178
600
#587460
700
#465D4D
800
#37493C
900
#2A372E
950
#1B221D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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