#BCD3D0

#BCD3D0

Color Values

HEX

#BCD3D0

RGB

188, 211, 208

HSL

172.2, 20.7%, 78.2%

HSV

172.2, 10.9%, 82.7%

CMYK

10.9%, 0.0%, 1.4%, 17.3%

OKLCH

0.8488 0.025 187.2

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BCD3D0

#D3BCBF

Analogous

#BCD3C4

#BCCAD3

#BCD3D0

Triadic

#BCD3D0

#D0BCD3

#D3D0BC

Split Complementary

#BCD3D0

#D3BCCA

#D3C4BC

Tetradic

#BCD3D0

#C4BCD3

#D3BCBF

#CAD3BC

Color Blindness Simulation

Original

#BCD3D0

Protanopia

#C6C6D1

Deuteranopia

#C5C3D1

Tritanopia

#BDD1D1

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E1
300
#B5CECB
400
#8DB4AF
500
#659A93
600
#517B76
700
#41625E
800
#334D4A
900
#273937
950
#192423

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026