#BABBD3

#BABBD3

Color Values

HEX

#BABBD3

RGB

186, 187, 211

HSL

237.6, 22.1%, 77.8%

HSV

237.6, 11.8%, 82.7%

CMYK

11.8%, 11.4%, 0.0%, 17.3%

OKLCH

0.7989 0.0337 283.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BABBD3

#D3D2BA

Analogous

#BAC7D3

#C5BAD3

#BABBD3

Triadic

#BABBD3

#D3BABB

#BBD3BA

Split Complementary

#BABBD3

#D3C5BA

#C7D3BA

Tetradic

#BABBD3

#D3BAC7

#D3D2BA

#BAD3C5

Color Blindness Simulation

Original

#BABBD3

Protanopia

#BABACD

Deuteranopia

#BABACC

Tritanopia

#BAC9C8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D4E3
300
#B4B5CF
400
#8C8DB6
500
#63669C
600
#4F517D
700
#404164
800
#32334E
900
#27283A
950
#191925

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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