#BCDEDA

#BCDEDA

Color Values

HEX

#BCDEDA

RGB

188, 222, 218

HSL

172.9, 34.0%, 80.4%

HSV

172.9, 15.3%, 87.1%

CMYK

15.3%, 0.0%, 1.8%, 12.9%

OKLCH

0.8749 0.0362 187.8

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BCDEDA

#DEBCC0

Analogous

#BCDEC9

#BCD1DE

#BCDEDA

Triadic

#BCDEDA

#DABCDE

#DEDABC

Split Complementary

#BCDEDA

#DEBCD1

#DEC9BC

Tetradic

#BCDEDA

#C9BCDE

#DEBCC0

#D1DEBC

Color Blindness Simulation

Original

#BCDEDA

Protanopia

#CBCBDB

Deuteranopia

#C9C6DB

Tritanopia

#BEDCDC

Achromatopsia

#D6D6D6

CSS Usage

background-color: #BCDEDA;
color: #BCDEDA;
border-color: #BCDEDA;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE7E5
300
#ADD7D2
400
#81C1B9
500
#54ABA1
600
#438980
700
#366D67
800
#2A5550
900
#223F3C
950
#152826

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026