#BAC8FC

#BAC8FC

Color Values

HEX

#BAC8FC

RGB

186, 200, 252

HSL

227.3, 91.7%, 85.9%

HSV

227.3, 26.2%, 98.8%

CMYK

26.2%, 20.6%, 0.0%, 1.2%

OKLCH

0.8399 0.0746 273.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC8FC

#FCEEBA

Analogous

#BAE9FC

#CDBAFC

#BAC8FC

Triadic

#BAC8FC

#FCBAC8

#C8FCBA

Split Complementary

#BAC8FC

#FCCDBA

#E9FCBA

Tetradic

#BAC8FC

#FCBAE9

#FCEEBA

#BAFCCD

Color Blindness Simulation

Original

#BAC8FC

Protanopia

#C0C0EF

Deuteranopia

#BFBEEC

Tritanopia

#BBE5E3

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8AA1FA
400
#4A6FF7
500
#0B3CF4
600
#0830C4
700
#07269C
800
#051E7A
900
#081958
950
#051038

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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