#BAC1FD

#BAC1FD

Color Values

HEX

#BAC1FD

RGB

186, 193, 253

HSL

233.7, 94.4%, 86.1%

HSV

233.7, 26.5%, 99.2%

CMYK

26.5%, 23.7%, 0.0%, 0.8%

OKLCH

0.8265 0.0846 279.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC1FD

#FDF6BA

Analogous

#BAE3FD

#D5BAFD

#BAC1FD

Triadic

#BAC1FD

#FDBAC1

#C1FDBA

Split Complementary

#BAC1FD

#FDD5BA

#E3FDBA

Tetradic

#BAC1FD

#FDBAE3

#FDF6BA

#BAFDD5

Color Blindness Simulation

Original

#BAC1FD

Protanopia

#BDBDEE

Deuteranopia

#BDBCEB

Tritanopia

#BAE3E0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BAC1FD
300
#8894FC
400
#485AFA
500
#0720F8
600
#061AC6
700
#05159F
800
#04107C
900
#07105A
950
#050A39

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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