#BAC7FD

#BAC7FD

Color Values

HEX

#BAC7FD

RGB

186, 199, 253

HSL

228.4, 94.4%, 86.1%

HSV

228.4, 26.5%, 99.2%

CMYK

26.5%, 21.3%, 0.0%, 0.8%

OKLCH

0.8383 0.0771 274.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC7FD

#FDF0BA

Analogous

#BAE8FD

#CFBAFD

#BAC7FD

Triadic

#BAC7FD

#FDBAC7

#C7FDBA

Split Complementary

#BAC7FD

#FDCFBA

#E8FDBA

Tetradic

#BAC7FD

#FDBAE8

#FDF0BA

#BAFDCF

Color Blindness Simulation

Original

#BAC7FD

Protanopia

#C0C0F0

Deuteranopia

#BFBEED

Tritanopia

#BBE6E3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BAC7FD
300
#889EFC
400
#486AFA
500
#0736F8
600
#062BC6
700
#05229F
800
#041B7C
900
#07175A
950
#050F39

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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