#BABBFE

#BABBFE

Color Values

HEX

#BABBFE

RGB

186, 187, 254

HSL

239.1, 97.1%, 86.3%

HSV

239.1, 26.8%, 99.6%

CMYK

26.8%, 26.4%, 0.0%, 0.4%

OKLCH

0.8152 0.094 283.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BABBFE

#FEFDBA

Analogous

#BADDFE

#DBBAFE

#BABBFE

Triadic

#BABBFE

#FEBABB

#BBFEBA

Split Complementary

#BABBFE

#FEDBBA

#DDFEBA

Tetradic

#BABBFE

#FEBADD

#FEFDBA

#BAFEDB

Color Blindness Simulation

Original

#BABBFE

Protanopia

#BABAEE

Deuteranopia

#BABAEA

Tritanopia

#BAE1DE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9BAFE
300
#8688FD
400
#4548FC
500
#0407FB
600
#0306C9
700
#0205A1
800
#02047E
900
#06075B
950
#040539

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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