#BABBD1

#BABBD1

Color Values

HEX

#BABBD1

RGB

186, 187, 209

HSL

237.4, 20.0%, 77.5%

HSV

237.4, 11.0%, 82.0%

CMYK

11.0%, 10.5%, 0.0%, 18.0%

OKLCH

0.7982 0.0309 283.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BABBD1

#D1D0BA

Analogous

#BAC7D1

#C5BAD1

#BABBD1

Triadic

#BABBD1

#D1BABB

#BBD1BA

Split Complementary

#BABBD1

#D1C5BA

#C7D1BA

Tetradic

#BABBD1

#D1BAC7

#D1D0BA

#BAD1C5

Color Blindness Simulation

Original

#BABBD1

Protanopia

#BABACC

Deuteranopia

#BABACA

Tritanopia

#BAC7C7

Achromatopsia

#BCBCBC

CSS Usage

background-color: #BABBD1;
color: #BABBD1;
border-color: #BABBD1;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E2
300
#B6B7CE
400
#8E8FB4
500
#666899
600
#52537A
700
#414362
800
#33344D
900
#282839
950
#191A24

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026