#BABCFC

#BABCFC

Color Values

HEX

#BABCFC

RGB

186, 188, 252

HSL

238.2, 91.7%, 85.9%

HSV

238.2, 26.2%, 98.8%

CMYK

26.2%, 25.4%, 0.0%, 1.2%

OKLCH

0.8163 0.0899 282.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABCFC

#FCFABA

Analogous

#BADDFC

#D9BAFC

#BABCFC

Triadic

#BABCFC

#FCBABC

#BCFCBA

Split Complementary

#BABCFC

#FCD9BA

#DDFCBA

Tetradic

#BABCFC

#FCBADD

#FCFABA

#BAFCD9

Color Blindness Simulation

Original

#BABCFC

Protanopia

#BBBBED

Deuteranopia

#BBBBE9

Tritanopia

#BAE0DE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8DFA
400
#4A4FF7
500
#0B12F4
600
#080EC4
700
#070B9C
800
#05097A
900
#080B58
950
#050738

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.69:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026