#BDD2D7

#BDD2D7

Color Values

HEX

#BDD2D7

RGB

189, 210, 215

HSL

191.5, 24.5%, 79.2%

HSV

191.5, 12.1%, 84.3%

CMYK

12.1%, 2.3%, 0.0%, 15.7%

OKLCH

0.8496 0.0237 213.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BDD2D7

#D7C2BD

Analogous

#BDD7CF

#BDC5D7

#BDD2D7

Triadic

#BDD2D7

#D7BDD2

#D2D7BD

Split Complementary

#BDD2D7

#D7BDC5

#D7CFBD

Tetradic

#BDD2D7

#CFBDD7

#D7C2BD

#C5D7BD

Color Blindness Simulation

Original

#BDD2D7

Protanopia

#C6C6D6

Deuteranopia

#C5C3D6

Tritanopia

#BED5D5

Achromatopsia

#CECECE

CSS Usage

background-color: #BDD2D7;
color: #BDD2D7;
border-color: #BDD2D7;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3E1E4
300
#B3CBD1
400
#8AAFB8
500
#60939F
600
#4D757F
700
#3E5E66
800
#30494F
900
#26373B
950
#182325

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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