#BAC5FC

#BAC5FC

Color Values

HEX

#BAC5FC

RGB

186, 197, 252

HSL

230.0, 91.7%, 85.9%

HSV

230.0, 26.2%, 98.8%

CMYK

26.2%, 21.8%, 0.0%, 1.2%

OKLCH

0.8339 0.0782 275.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC5FC

#FCF1BA

Analogous

#BAE6FC

#D0BAFC

#BAC5FC

Triadic

#BAC5FC

#FCBAC5

#C5FCBA

Split Complementary

#BAC5FC

#FCD0BA

#E6FCBA

Tetradic

#BAC5FC

#FCBAE6

#FCF1BA

#BAFCD0

Color Blindness Simulation

Original

#BAC5FC

Protanopia

#BFBFEF

Deuteranopia

#BEBDEB

Tritanopia

#BBE4E2

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE4FB
200
#BBC5FC
300
#8A9CFA
400
#4A67F7
500
#0B32F4
600
#0828C4
700
#07209C
800
#05197A
900
#081658
950
#050E38

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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