#BCBEC5

#BCBEC5

Color Values

HEX

#BCBEC5

RGB

188, 190, 197

HSL

226.7, 7.2%, 75.5%

HSV

226.7, 4.6%, 77.3%

CMYK

4.6%, 3.6%, 0.0%, 22.7%

OKLCH

0.802 0.01 273.3

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BCBEC5

#C5C3BC

Analogous

#BCC3C5

#BFBCC5

#BCBEC5

Triadic

#BCBEC5

#C5BCBE

#BEC5BC

Split Complementary

#BCBEC5

#C5BFBC

#C3C5BC

Tetradic

#BCBEC5

#C5BCC3

#C5C3BC

#BCC5BF

Color Blindness Simulation

Original

#BCBEC5

Protanopia

#BDBDC3

Deuteranopia

#BDBDC3

Tritanopia

#BCC2C2

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BDBFC6
400
#9A9DA7
500
#767A89
600
#5F626D
700
#4C4E57
800
#3B3D44
900
#2D2F34
950
#1D1D21

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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