#BCBDD7

#BCBDD7

Color Values

HEX

#BCBDD7

RGB

188, 189, 215

HSL

237.8, 25.2%, 79.0%

HSV

237.8, 12.6%, 84.3%

CMYK

12.6%, 12.1%, 0.0%, 15.7%

OKLCH

0.8059 0.0365 283.8

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BCBDD7

#D7D6BC

Analogous

#BCCAD7

#C8BCD7

#BCBDD7

Triadic

#BCBDD7

#D7BCBD

#BDD7BC

Split Complementary

#BCBDD7

#D7C8BC

#CAD7BC

Tetradic

#BCBDD7

#D7BCCA

#D7D6BC

#BCD7C8

Color Blindness Simulation

Original

#BCBDD7

Protanopia

#BCBCD1

Deuteranopia

#BCBCCF

Tritanopia

#BCCCCB

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BCBDD7;
color: #BCBDD7;
border-color: #BCBDD7;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D3E4
300
#B2B4D1
400
#898BB8
500
#5F62A0
600
#4C4E80
700
#3D3F66
800
#303150
900
#25263B
950
#181826

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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