#BAC9FD

#BAC9FD

Color Values

HEX

#BAC9FD

RGB

186, 201, 253

HSL

226,6, 94,4%, 86,1%

HSV

226,6, 26,5%, 99,2%

CMYK

26,5%, 20,6%, 0,0%, 0,8%

OKLCH

0,8423 0,0748 272,2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC9FD

#FDEEBA

Analogous

#BAEBFD

#CDBAFD

#BAC9FD

Triadic

#BAC9FD

#FDBAC9

#C9FDBA

Split Complementary

#BAC9FD

#FDCDBA

#EBFDBA

Tetradic

#BAC9FD

#FDBAEB

#FDEEBA

#BAFDCD

Color Blindness Simulation

Original

#BAC9FD

Protanopia

#C0C1F0

Deuteranopia

#C0BEED

Tritanopia

#BBE6E4

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC9FD
300
#88A2FC
400
#486FFA
500
#073DF8
600
#0631C6
700
#05279F
800
#041E7C
900
#071A5A
950
#051039

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,86:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fev 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fev 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fev 20, 2026