#BABEFC

#BABEFC

Color Values

HEX

#BABEFC

RGB

186, 190, 252

HSL

236,4, 91,7%, 85,9%

HSV

236,4, 26,2%, 98,8%

CMYK

26,2%, 24,6%, 0,0%, 1,2%

OKLCH

0,8202 0,0872 281,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABEFC

#FCF8BA

Analogous

#BADFFC

#D7BAFC

#BABEFC

Triadic

#BABEFC

#FCBABE

#BEFCBA

Split Complementary

#BABEFC

#FCD7BA

#DFFCBA

Tetradic

#BABEFC

#FCBADF

#FCF8BA

#BAFCD7

Color Blindness Simulation

Original

#BABEFC

Protanopia

#BCBCED

Deuteranopia

#BCBBE9

Tritanopia

#BAE1DF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBBEFC
300
#8A90FA
400
#4A55F7
500
#0B19F4
600
#0814C4
700
#07109C
800
#050C7A
900
#080D58
950
#050838

Contrast Checker

Text on white

1,77:1

AA Fail AAA Fail

Text on black

11,86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026