#BABAD3

#BABAD3

Color Values

HEX

#BABAD3

RGB

186, 186, 211

HSL

240.0, 22.1%, 77.8%

HSV

240.0, 11.8%, 82.7%

CMYK

11.8%, 11.8%, 0.0%, 17.3%

OKLCH

0.7969 0.0351 285.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BABAD3

#D3D3BA

Analogous

#BAC6D3

#C6BAD3

#BABAD3

Triadic

#BABAD3

#D3BABA

#BAD3BA

Split Complementary

#BABAD3

#D3C6BA

#C6D3BA

Tetradic

#BABAD3

#D3BAC6

#D3D3BA

#BAD3C6

Color Blindness Simulation

Original

#BABAD3

Protanopia

#BABACD

Deuteranopia

#BABACC

Tritanopia

#BAC8C7

Achromatopsia

#BCBCBC

CSS Usage

background-color: #BABAD3;
color: #BABAD3;
border-color: #BABAD3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E3
300
#B4B4CF
400
#8C8CB6
500
#63639C
600
#4F4F7D
700
#404064
800
#32324E
900
#27273A
950
#191925

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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