#BECBD7

#BECBD7

Color Values

HEX

#BECBD7

RGB

190, 203, 215

HSL

208.8, 23.8%, 79.4%

HSV

208.8, 11.6%, 84.3%

CMYK

11.6%, 5.6%, 0.0%, 15.7%

OKLCH

0.8358 0.022 245.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BECBD7

#D7CABE

Analogous

#BED7D6

#BEBED7

#BECBD7

Triadic

#BECBD7

#D7BECB

#CBD7BE

Split Complementary

#BECBD7

#D7BEBE

#D7D6BE

Tetradic

#BECBD7

#D6BED7

#D7CABE

#BED7BE

Color Blindness Simulation

Original

#BECBD7

Protanopia

#C4C4D4

Deuteranopia

#C3C2D3

Tritanopia

#BFD2D1

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DCE4
300
#B3C2D0
400
#8AA2B7
500
#61819E
600
#4E677E
700
#3E5265
800
#31404F
900
#26313B
950
#181F25

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026