#BEC5CD

#BEC5CD

Color Values

HEX

#BEC5CD

RGB

190, 197, 205

HSL

212.0, 13.0%, 77.5%

HSV

212.0, 7.3%, 80.4%

CMYK

7.3%, 3.9%, 0.0%, 19.6%

OKLCH

0.8204 0.0136 251.6

Properties

Cool Light Nearest: NCS S 2000-N Light Grey

Color Harmonies

Complementary

#BEC5CD

#CDC6BE

Analogous

#BECDCD

#BFBECD

#BEC5CD

Triadic

#BEC5CD

#CDBEC5

#C5CDBE

Split Complementary

#BEC5CD

#CDBFBE

#CDCDBE

Tetradic

#BEC5CD

#CDBECD

#CDC6BE

#BECDBF

Color Blindness Simulation

Original

#BEC5CD

Protanopia

#C1C1CB

Deuteranopia

#C1C0CB

Tritanopia

#BECAC9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC1CA
400
#94A0AD
500
#6F7E90
600
#596573
700
#47515C
800
#373F48
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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