#BCBDFC

#BCBDFC

Color Values

HEX

#BCBDFC

RGB

188, 189, 252

HSL

239.1, 91.4%, 86.3%

HSV

239.1, 25.4%, 98.8%

CMYK

25.4%, 25.0%, 0.0%, 1.2%

OKLCH

0.8197 0.0883 283.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCBDFC

#FCFBBC

Analogous

#BCDDFC

#DBBCFC

#BCBDFC

Triadic

#BCBDFC

#FCBCBD

#BDFCBC

Split Complementary

#BCBDFC

#FCDBBC

#DDFCBC

Tetradic

#BCBDFC

#FCBCDD

#FCFBBC

#BCFCDB

Color Blindness Simulation

Original

#BCBDFC

Protanopia

#BCBCED

Deuteranopia

#BCBCE9

Tritanopia

#BCE1DE

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BCBDFC;
color: #BCBDFC;
border-color: #BCBDFC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBCFC
300
#8A8CFA
400
#4A4DF7
500
#0B0EF4
600
#090CC3
700
#07099C
800
#05077A
900
#090A58
950
#050638

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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