#BABBF5

#BABBF5

Color Values

HEX

#BABBF5

RGB

186, 187, 245

HSL

239.0, 74.7%, 84.5%

HSV

239.0, 24.1%, 96.1%

CMYK

24.1%, 23.7%, 0.0%, 3.9%

OKLCH

0.8115 0.0815 283.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBF5

#F5F4BA

Analogous

#BAD8F5

#D6BAF5

#BABBF5

Triadic

#BABBF5

#F5BABB

#BBF5BA

Split Complementary

#BABBF5

#F5D6BA

#D8F5BA

Tetradic

#BABBF5

#F5BAD8

#F5F4BA

#BAF5D6

Color Blindness Simulation

Original

#BABBF5

Protanopia

#BABAE7

Deuteranopia

#BABAE4

Tritanopia

#BADCD9

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F8
200
#C1C2F6
300
#9496F0
400
#5A5DE7
500
#2023DF
600
#1A1CB2
700
#15178F
800
#10126F
900
#101151
950
#0A0B33

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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