#BAC0FC

#BAC0FC

Color Values

HEX

#BAC0FC

RGB

186, 192, 252

HSL

234,5, 91,7%, 85,9%

HSV

234,5, 26,2%, 98,8%

CMYK

26,2%, 23,8%, 0,0%, 1,2%

OKLCH

0,8241 0,0845 279,9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC0FC

#FCF6BA

Analogous

#BAE1FC

#D5BAFC

#BAC0FC

Triadic

#BAC0FC

#FCBAC0

#C0FCBA

Split Complementary

#BAC0FC

#FCD5BA

#E1FCBA

Tetradic

#BAC0FC

#FCBAE1

#FCF6BA

#BAFCD5

Color Blindness Simulation

Original

#BAC0FC

Protanopia

#BDBDED

Deuteranopia

#BCBCEA

Tritanopia

#BAE2E0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BBC1FC
300
#8A94FA
400
#4A5AF7
500
#0B20F4
600
#081AC4
700
#07149C
800
#05107A
900
#081058
950
#050A38

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,03: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