#BABBF3

#BABBF3

Color Values

HEX

#BABBF3

RGB

186, 187, 243

HSL

238.9, 70.4%, 84.1%

HSV

238.9, 23.5%, 95.3%

CMYK

23.5%, 23.0%, 0.0%, 4.7%

OKLCH

0.8107 0.0787 283.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBF3

#F3F2BA

Analogous

#BAD8F3

#D5BAF3

#BABBF3

Triadic

#BABBF3

#F3BABB

#BBF3BA

Split Complementary

#BABBF3

#F3D5BA

#D8F3BA

Tetradic

#BABBF3

#F3BAD8

#F3F2BA

#BAF3D5

Color Blindness Simulation

Original

#BABBF3

Protanopia

#BABAE5

Deuteranopia

#BABAE2

Tritanopia

#BADBD8

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C3F4
300
#9798ED
400
#5E61E3
500
#2629D9
600
#1E21AE
700
#181A8B
800
#13156D
900
#12134F
950
#0B0C32

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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