#BDC9CD

#BDC9CD

Color Values

HEX

#BDC9CD

RGB

189, 201, 205

HSL

195.0, 13.8%, 77.3%

HSV

195.0, 7.8%, 80.4%

CMYK

7.8%, 2.0%, 0.0%, 19.6%

OKLCH

0.8279 0.0143 219.6

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BDC9CD

#CDC1BD

Analogous

#BDCDC9

#BDC1CD

#BDC9CD

Triadic

#BDC9CD

#CDBDC9

#C9CDBD

Split Complementary

#BDC9CD

#CDBDC1

#CDC9BD

Tetradic

#BDC9CD

#C9BDCD

#CDC1BD

#C1CDBD

Color Blindness Simulation

Original

#BDC9CD

Protanopia

#C2C2CC

Deuteranopia

#C2C1CC

Tritanopia

#BECBCB

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DEE0
300
#B9C6CA
400
#94A7AE
500
#6E8891
600
#586D74
700
#46575D
800
#374449
900
#2A3336
950
#1B2122

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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