#BDD5CF

#BDD5CF

Color Values

HEX

#BDD5CF

RGB

189, 213, 207

HSL

165.0, 22.2%, 78.8%

HSV

165.0, 11.3%, 83.5%

CMYK

11.3%, 0.0%, 2.8%, 16.5%

OKLCH

0.8534 0.027 178.9

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BDD5CF

#D5BDC3

Analogous

#BDD5C3

#BDCFD5

#BDD5CF

Triadic

#BDD5CF

#CFBDD5

#D5CFBD

Split Complementary

#BDD5CF

#D5BDCF

#D5C3BD

Tetradic

#BDD5CF

#C3BDD5

#D5BDC3

#CFD5BD

Color Blindness Simulation

Original

#BDD5CF

Protanopia

#C7C8D0

Deuteranopia

#C6C4D1

Tritanopia

#BED2D2

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3DF
300
#B4CFC9
400
#8CB6AB
500
#639C8E
600
#4F7D71
700
#3F645B
800
#324E47
900
#273A35
950
#182522

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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