#BAC4FC

#BAC4FC

Color Values

HEX

#BAC4FC

RGB

186, 196, 252

HSL

230.9, 91.7%, 85.9%

HSV

230.9, 26.2%, 98.8%

CMYK

26.2%, 22.2%, 0.0%, 1.2%

OKLCH

0.832 0.0794 276.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC4FC

#FCF2BA

Analogous

#BAE5FC

#D1BAFC

#BAC4FC

Triadic

#BAC4FC

#FCBAC4

#C4FCBA

Split Complementary

#BAC4FC

#FCD1BA

#E5FCBA

Tetradic

#BAC4FC

#FCBAE5

#FCF2BA

#BAFCD1

Color Blindness Simulation

Original

#BAC4FC

Protanopia

#BEBEEE

Deuteranopia

#BEBDEB

Tritanopia

#BAE4E1

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC4FC
300
#8A9BFA
400
#4A64F7
500
#0B2EF4
600
#0825C4
700
#071D9C
800
#05177A
900
#081558
950
#050D38

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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