#BDCDCE

#BDCDCE

Color Values

HEX

#BDCDCE

RGB

189, 205, 206

HSL

183.5, 14.8%, 77.5%

HSV

183.5, 8.3%, 80.8%

CMYK

8.3%, 0.5%, 0.0%, 19.2%

OKLCH

0.8364 0.0175 201.4

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BDCDCE

#CEBEBD

Analogous

#BDCEC7

#BDC5CE

#BDCDCE

Triadic

#BDCDCE

#CEBDCD

#CDCEBD

Split Complementary

#BDCDCE

#CEBDC5

#CEC7BD

Tetradic

#BDCDCE

#C7BDCE

#CEBEBD

#C5CEBD

Color Blindness Simulation

Original

#BDCDCE

Protanopia

#C4C4CE

Deuteranopia

#C3C2CE

Tritanopia

#BECECE

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B9CACB
400
#93ADAF
500
#6D9092
600
#577375
700
#465C5E
800
#364849
900
#2A3637
950
#1B2223

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026