#BAC2FC

#BAC2FC

Color Values

HEX

#BAC2FC

RGB

186, 194, 252

HSL

232.7, 91.7%, 85.9%

HSV

232.7, 26.2%, 98.8%

CMYK

26.2%, 23.0%, 0.0%, 1.2%

OKLCH

0.828 0.0819 278.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC2FC

#FCF4BA

Analogous

#BAE3FC

#D3BAFC

#BAC2FC

Triadic

#BAC2FC

#FCBAC2

#C2FCBA

Split Complementary

#BAC2FC

#FCD3BA

#E3FCBA

Tetradic

#BAC2FC

#FCBAE3

#FCF4BA

#BAFCD3

Color Blindness Simulation

Original

#BAC2FC

Protanopia

#BDBEEE

Deuteranopia

#BDBCEB

Tritanopia

#BAE3E0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC3FC
300
#8A97FA
400
#4A5FF7
500
#0B27F4
600
#081FC4
700
#07199C
800
#05147A
900
#081258
950
#050B38

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026