#BEC2C4

#BEC2C4

Color Values

HEX

#BEC2C4

RGB

190, 194, 196

HSL

200.0, 4.8%, 75.7%

HSV

200.0, 3.1%, 76.9%

CMYK

3.1%, 1.0%, 0.0%, 23.1%

OKLCH

0.8115 0.0053 228.8

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BEC2C4

#C4C0BE

Analogous

#BEC4C3

#BEBFC4

#BEC2C4

Triadic

#BEC2C4

#C4BEC2

#C2C4BE

Split Complementary

#BEC2C4

#C4BEBF

#C4C3BE

Tetradic

#BEC2C4

#C3BEC4

#C4C0BE

#BFC4BE

Color Blindness Simulation

Original

#BEC2C4

Protanopia

#C0C0C4

Deuteranopia

#C0BFC3

Tritanopia

#BEC3C3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADCDD
300
#BFC3C5
400
#9CA2A5
500
#798286
600
#61686B
700
#4E5356
800
#3D4143
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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