#BABDFD

#BABDFD

Color Values

HEX

#BABDFD

RGB

186, 189, 253

HSL

237.3, 94.4%, 86.1%

HSV

237.3, 26.5%, 99.2%

CMYK

26.5%, 25.3%, 0.0%, 0.8%

OKLCH

0.8186 0.0899 282.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABDFD

#FDFABA

Analogous

#BADFFD

#D9BAFD

#BABDFD

Triadic

#BABDFD

#FDBABD

#BDFDBA

Split Complementary

#BABDFD

#FDD9BA

#DFFDBA

Tetradic

#BABDFD

#FDBADF

#FDFABA

#BAFDD9

Color Blindness Simulation

Original

#BABDFD

Protanopia

#BBBBEE

Deuteranopia

#BBBBEA

Tritanopia

#BAE1DF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BABDFD;
color: #BABDFD;
border-color: #BABDFD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#888DFC
400
#4850FA
500
#0712F8
600
#060EC6
700
#050C9F
800
#04097C
900
#070B5A
950
#050739

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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