#BEC3D2

#BEC3D2

Color Values

HEX

#BEC3D2

RGB

190, 195, 210

HSL

225.0, 18.2%, 78.4%

HSV

225.0, 9.5%, 82.4%

CMYK

9.5%, 7.1%, 0.0%, 17.6%

OKLCH

0.8179 0.0217 271.1

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BEC3D2

#D2CDBE

Analogous

#BECDD2

#C3BED2

#BEC3D2

Triadic

#BEC3D2

#D2BEC3

#C3D2BE

Split Complementary

#BEC3D2

#D2C3BE

#CDD2BE

Tetradic

#BEC3D2

#D2BECD

#D2CDBE

#BED2C3

Color Blindness Simulation

Original

#BEC3D2

Protanopia

#C0C0CE

Deuteranopia

#C0C0CE

Tritanopia

#BECCCB

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D8E2
300
#B7BCCD
400
#8F98B2
500
#687497
600
#535D79
700
#434A60
800
#343A4B
900
#292C38
950
#1A1C24

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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