#BACEFC

#BACEFC

Color Values

HEX

#BACEFC

RGB

186, 206, 252

HSL

221.8, 91.7%, 85.9%

HSV

221.8, 26.2%, 98.8%

CMYK

26.2%, 18.3%, 0.0%, 1.2%

OKLCH

0.8519 0.068 266.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BACEFC

#FCE8BA

Analogous

#BAEFFC

#C7BAFC

#BACEFC

Triadic

#BACEFC

#FCBACE

#CEFCBA

Split Complementary

#BACEFC

#FCC7BA

#EFFCBA

Tetradic

#BACEFC

#FCBAEF

#FCE8BA

#BAFCC7

Color Blindness Simulation

Original

#BACEFC

Protanopia

#C3C3F1

Deuteranopia

#C2C0EE

Tritanopia

#BBE8E6

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BBCEFC
300
#8AACFA
400
#4A7FF7
500
#0B52F4
600
#0841C4
700
#07349C
800
#05297A
900
#082158
950
#051538

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026