#BABEFD

#BABEFD

Color Values

HEX

#BABEFD

RGB

186, 190, 253

HSL

236,4, 94,4%, 86,1%

HSV

236,4, 26,5%, 99,2%

CMYK

26,5%, 24,9%, 0,0%, 0,8%

OKLCH

0,8206 0,0885 281,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEFD

#FDF9BA

Analogous

#BAE0FD

#D8BAFD

#BABEFD

Triadic

#BABEFD

#FDBABE

#BEFDBA

Split Complementary

#BABEFD

#FDD8BA

#E0FDBA

Tetradic

#BABEFD

#FDBAE0

#FDF9BA

#BAFDD8

Color Blindness Simulation

Original

#BABEFD

Protanopia

#BCBCEE

Deuteranopia

#BCBBEA

Tritanopia

#BAE2DF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#888FFC
400
#4852FA
500
#0716F8
600
#0611C6
700
#050E9F
800
#040B7C
900
#070C5A
950
#050839

Contrast Checker

Text on white

1,77:1

AA Fail AAA Fail

Text on black

11,87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026