#BACAFC

#BACAFC

Color Values

HEX

#BACAFC

RGB

186, 202, 252

HSL

225.5, 91.7%, 85.9%

HSV

225.5, 26.2%, 98.8%

CMYK

26.2%, 19.8%, 0.0%, 1.2%

OKLCH

0.8439 0.0723 271.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BACAFC

#FCECBA

Analogous

#BAEBFC

#CBBAFC

#BACAFC

Triadic

#BACAFC

#FCBACA

#CAFCBA

Split Complementary

#BACAFC

#FCCBBA

#EBFCBA

Tetradic

#BACAFC

#FCBAEB

#FCECBA

#BAFCCB

Color Blindness Simulation

Original

#BACAFC

Protanopia

#C1C1F0

Deuteranopia

#C0BFED

Tritanopia

#BBE6E4

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BBCAFC
300
#8AA5FA
400
#4A74F7
500
#0B43F4
600
#0836C4
700
#072B9C
800
#05227A
900
#081C58
950
#051238

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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