#BEC4D7

#BEC4D7

Color Values

HEX

#BEC4D7

RGB

190, 196, 215

HSL

225.6, 23.8%, 79.4%

HSV

225.6, 11.6%, 84.3%

CMYK

11.6%, 8.8%, 0.0%, 15.7%

OKLCH

0.8215 0.0274 271.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BEC4D7

#D7D1BE

Analogous

#BED0D7

#C4BED7

#BEC4D7

Triadic

#BEC4D7

#D7BEC4

#C4D7BE

Split Complementary

#BEC4D7

#D7C4BE

#D0D7BE

Tetradic

#BEC4D7

#D7BED0

#D7D1BE

#BED7C4

Color Blindness Simulation

Original

#BEC4D7

Protanopia

#C1C1D2

Deuteranopia

#C0C0D1

Tritanopia

#BECFCE

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEBF1
200
#D3D7E4
300
#B3BAD0
400
#8A95B7
500
#61709E
600
#4E597E
700
#3E4865
800
#31384F
900
#262B3B
950
#181B25

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