#BABBEE

#BABBEE

Color Values

HEX

#BABBEE

RGB

186, 187, 238

HSL

238.8, 60.5%, 83.1%

HSV

238.8, 21.8%, 93.3%

CMYK

21.8%, 21.4%, 0.0%, 6.7%

OKLCH

0.8087 0.0717 283.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBEE

#EEEDBA

Analogous

#BAD5EE

#D3BAEE

#BABBEE

Triadic

#BABBEE

#EEBABB

#BBEEBA

Split Complementary

#BABBEE

#EED3BA

#D5EEBA

Tetradic

#BABBEE

#EEBAD5

#EEEDBA

#BAEED3

Color Blindness Simulation

Original

#BABBEE

Protanopia

#BABAE2

Deuteranopia

#BABADF

Tritanopia

#BAD8D6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C6C7F1
300
#9D9EE7
400
#686ADA
500
#3235CD
600
#282BA4
700
#202283
800
#191B66
900
#16174B
950
#0E0F2F

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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