#BCDED0

#BCDED0

Color Values

HEX

#BCDED0

RGB

188, 222, 208

HSL

155.3, 34.0%, 80.4%

HSV

155.3, 15.3%, 87.1%

CMYK

15.3%, 0.0%, 6.3%, 12.9%

OKLCH

0.872 0.0407 168.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BCDED0

#DEBCCA

Analogous

#BCDEBF

#BCDBDE

#BCDED0

Triadic

#BCDED0

#D0BCDE

#DED0BC

Split Complementary

#BCDED0

#DEBCDB

#DEBFBC

Tetradic

#BCDED0

#BFBCDE

#DEBCCA

#DBDEBC

Color Blindness Simulation

Original

#BCDED0

Protanopia

#CBCBD3

Deuteranopia

#C9C6D4

Tritanopia

#BED6D7

Achromatopsia

#D6D6D6

CSS Usage

background-color: #BCDED0;
color: #BCDED0;
border-color: #BCDED0;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DD
300
#ADD7C5
400
#81C1A6
500
#54AB87
600
#43896C
700
#366D57
800
#2A5544
900
#223F33
950
#152820

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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