#BDDCE0

#BDDCE0

Color Values

HEX

#BDDCE0

RGB

189, 220, 224

HSL

186.9, 36.1%, 81.0%

HSV

186.9, 15.6%, 87.8%

CMYK

15.6%, 1.8%, 0.0%, 12.2%

OKLCH

0.8731 0.0333 206.1

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BDDCE0

#E0C1BD

Analogous

#BDE0D3

#BDCBE0

#BDDCE0

Triadic

#BDDCE0

#E0BDDC

#DCE0BD

Split Complementary

#BDDCE0

#E0BDCB

#E0D3BD

Tetradic

#BDDCE0

#D3BDE0

#E0C1BD

#CBE0BD

Color Blindness Simulation

Original

#BDDCE0

Protanopia

#CACBDF

Deuteranopia

#C9C6DF

Tritanopia

#BFDEDE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE5E8
300
#ACD3D8
400
#7FBBC3
500
#51A3AE
600
#41828B
700
#34686F
800
#295157
900
#213D40
950
#152629

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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