#BACAFD

#BACAFD

Color Values

HEX

#BACAFD

RGB

186, 202, 253

HSL

225.7, 94.4%, 86.1%

HSV

225.7, 26.5%, 99.2%

CMYK

26.5%, 20.2%, 0.0%, 0.8%

OKLCH

0.8443 0.0736 271.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BACAFD

#FDEDBA

Analogous

#BAECFD

#CCBAFD

#BACAFD

Triadic

#BACAFD

#FDBACA

#CAFDBA

Split Complementary

#BACAFD

#FDCCBA

#ECFDBA

Tetradic

#BACAFD

#FDBAEC

#FDEDBA

#BAFDCC

Color Blindness Simulation

Original

#BACAFD

Protanopia

#C1C1F1

Deuteranopia

#C0BFEE

Tritanopia

#BBE7E5

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BACAFD
300
#88A4FC
400
#4872FA
500
#0741F8
600
#0634C6
700
#05299F
800
#04207C
900
#071B5A
950
#051139

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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