#BDCBCB

#BDCBCB

Color Values

HEX

#BDCBCB

RGB

189, 203, 203

HSL

180.0, 11.9%, 76.9%

HSV

180.0, 6.9%, 79.6%

CMYK

6.9%, 0.0%, 0.0%, 20.4%

OKLCH

0.8314 0.0153 196.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BDCBCB

#CBBDBD

Analogous

#BDCBC4

#BDC4CB

#BDCBCB

Triadic

#BDCBCB

#CBBDCB

#CBCBBD

Split Complementary

#BDCBCB

#CBBDC4

#CBC4BD

Tetradic

#BDCBCB

#C4BDCB

#CBBDBD

#C4CBBD

Color Blindness Simulation

Original

#BDCBCB

Protanopia

#C3C3CB

Deuteranopia

#C2C1CB

Tritanopia

#BECBCB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BBC9C9
400
#95ACAC
500
#708F8F
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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