#BEC2C1

#BEC2C1

Color Values

HEX

#BEC2C1

RGB

190, 194, 193

HSL

165.0, 3.2%, 75.3%

HSV

165.0, 2.1%, 76.1%

CMYK

2.1%, 0.0%, 0.5%, 23.9%

OKLCH

0.8106 0.0046 179.7

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BEC2C1

#C2BEBF

Analogous

#BEC2BF

#BEC1C2

#BEC2C1

Triadic

#BEC2C1

#C1BEC2

#C2C1BE

Split Complementary

#BEC2C1

#C2BEC1

#C2BFBE

Tetradic

#BEC2C1

#BFBEC2

#C2BEBF

#C1C2BE

Color Blindness Simulation

Original

#BEC2C1

Protanopia

#C0C0C1

Deuteranopia

#C0BFC1

Tritanopia

#BEC1C1

Achromatopsia

#C1C1C1

CSS Usage

background-color: #BEC2C1;
color: #BEC2C1;
border-color: #BEC2C1;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDC
300
#C0C4C3
400
#9EA4A2
500
#7B8482
600
#636968
700
#4F5453
800
#3E4241
900
#2F3231
950
#1E1F1F

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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