#BECED1

#BECED1

Color Values

HEX

#BECED1

RGB

190, 206, 209

HSL

189.5, 17.1%, 78.2%

HSV

189.5, 9.1%, 82.0%

CMYK

9.1%, 1.4%, 0.0%, 18.0%

OKLCH

0.8402 0.0179 210.2

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BECED1

#D1C1BE

Analogous

#BED1CA

#BEC4D1

#BECED1

Triadic

#BECED1

#D1BECE

#CED1BE

Split Complementary

#BECED1

#D1BEC4

#D1CABE

Tetradic

#BECED1

#CABED1

#D1C1BE

#C4D1BE

Color Blindness Simulation

Original

#BECED1

Protanopia

#C5C5D0

Deuteranopia

#C4C3D0

Tritanopia

#BFD0D0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #BECED1;
color: #BECED1;
border-color: #BECED1;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B7C9CC
400
#91ACB1
500
#6A8E95
600
#557277
700
#445B60
800
#35474B
900
#293638
950
#1A2223

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026