#BCBEC6

#BCBEC6

Color Values

HEX

#BCBEC6

RGB

188, 190, 198

HSL

228.0, 8.1%, 75.7%

HSV

228.0, 5.1%, 77.6%

CMYK

5.1%, 4.0%, 0.0%, 22.4%

OKLCH

0.8023 0.0114 274.9

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BCBEC6

#C6C4BC

Analogous

#BCC3C6

#BFBCC6

#BCBEC6

Triadic

#BCBEC6

#C6BCBE

#BEC6BC

Split Complementary

#BCBEC6

#C6BFBC

#C3C6BC

Tetradic

#BCBEC6

#C6BCC3

#C6C4BC

#BCC6BF

Color Blindness Simulation

Original

#BCBEC6

Protanopia

#BDBDC4

Deuteranopia

#BDBDC4

Tritanopia

#BCC3C2

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8DADE
300
#BDBFC7
400
#999CA8
500
#75798A
600
#5E616E
700
#4B4E58
800
#3B3D45
900
#2D2E34
950
#1C1D21

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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