#BECBDC

#BECBDC

Color Values

HEX

#BECBDC

RGB

190, 203, 220

HSL

214.0, 30.0%, 80.4%

HSV

214.0, 13.6%, 86.3%

CMYK

13.6%, 7.7%, 0.0%, 13.7%

OKLCH

0.8374 0.0277 255.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BECBDC

#DCCFBE

Analogous

#BEDADC

#C0BEDC

#BECBDC

Triadic

#BECBDC

#DCBECB

#CBDCBE

Split Complementary

#BECBDC

#DCC0BE

#DADCBE

Tetradic

#BECBDC

#DCBEDA

#DCCFBE

#BEDCC0

Color Blindness Simulation

Original

#BECBDC

Protanopia

#C4C4D8

Deuteranopia

#C3C2D7

Tritanopia

#BFD5D4

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DAE6
300
#AFBFD4
400
#849DBD
500
#597AA6
600
#476285
700
#394E6A
800
#2D3D53
900
#232F3E
950
#161D27

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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