#BEC5CE

#BEC5CE

Color Values

HEX

#BEC5CE

RGB

190, 197, 206

HSL

213.8, 14.0%, 77.6%

HSV

213.8, 7.8%, 80.8%

CMYK

7.8%, 4.4%, 0.0%, 19.2%

OKLCH

0.8207 0.0148 254.6

Properties

Cool Light Nearest: NCS S 2000-N Light Grey

Color Harmonies

Complementary

#BEC5CE

#CEC7BE

Analogous

#BECDCE

#BFBECE

#BEC5CE

Triadic

#BEC5CE

#CEBEC5

#C5CEBE

Split Complementary

#BEC5CE

#CEBFBE

#CDCEBE

Tetradic

#BEC5CE

#CEBECD

#CEC7BE

#BECEBF

Color Blindness Simulation

Original

#BEC5CE

Protanopia

#C1C1CC

Deuteranopia

#C1C0CB

Tritanopia

#BECACA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C1CA
400
#939FAE
500
#6E7D91
600
#586474
700
#46505D
800
#373F49
900
#2A3037
950
#1B1E22

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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