#BABBF8

#BABBF8

Color Values

HEX

#BABBF8

RGB

186, 187, 248

HSL

239.0, 81.6%, 85.1%

HSV

239.0, 25.0%, 97.3%

CMYK

25.0%, 24.6%, 0.0%, 2.7%

OKLCH

0.8127 0.0857 283.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBF8

#F8F7BA

Analogous

#BADAF8

#D8BAF8

#BABBF8

Triadic

#BABBF8

#F8BABB

#BBF8BA

Split Complementary

#BABBF8

#F8D8BA

#DAF8BA

Tetradic

#BABBF8

#F8BADA

#F8F7BA

#BAF8D8

Color Blindness Simulation

Original

#BABBF8

Protanopia

#BABAE9

Deuteranopia

#BABAE6

Tritanopia

#BADEDB

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF8
300
#9092F4
400
#5456EE
500
#171BE8
600
#1316B9
700
#0F1194
800
#0C0D74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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