#BAC6FC

#BAC6FC

Color Values

HEX

#BAC6FC

RGB

186, 198, 252

HSL

229.1, 91.7%, 85.9%

HSV

229.1, 26.2%, 98.8%

CMYK

26.2%, 21.4%, 0.0%, 1.2%

OKLCH

0.8359 0.0769 274.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC6FC

#FCF0BA

Analogous

#BAE7FC

#CFBAFC

#BAC6FC

Triadic

#BAC6FC

#FCBAC6

#C6FCBA

Split Complementary

#BAC6FC

#FCCFBA

#E7FCBA

Tetradic

#BAC6FC

#FCBAE7

#FCF0BA

#BAFCCF

Color Blindness Simulation

Original

#BAC6FC

Protanopia

#BFBFEF

Deuteranopia

#BEBEEC

Tritanopia

#BBE5E2

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BBC6FC
300
#8A9EFA
400
#4A6AF7
500
#0B35F4
600
#082AC4
700
#07229C
800
#051B7A
900
#081758
950
#050F38

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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