#BABBEF

#BABBEF

Color Values

HEX

#BABBEF

RGB

186, 187, 239

HSL

238.9, 62.4%, 83.3%

HSV

238.9, 22.2%, 93.7%

CMYK

22.2%, 21.8%, 0.0%, 6.3%

OKLCH

0.8091 0.0731 283.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBEF

#EFEEBA

Analogous

#BAD5EF

#D3BAEF

#BABBEF

Triadic

#BABBEF

#EFBABB

#BBEFBA

Split Complementary

#BABBEF

#EFD3BA

#D5EFBA

Tetradic

#BABBEF

#EFBAD5

#EFEEBA

#BAEFD3

Color Blindness Simulation

Original

#BABBEF

Protanopia

#BABAE2

Deuteranopia

#BABADF

Tritanopia

#BAD8D6

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BABBEF;
color: #BABBEF;
border-color: #BABBEF;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F2
300
#9C9DE8
400
#6668DC
500
#3033CF
600
#2629A6
700
#1F2185
800
#181968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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