#BCEBDE

#BCEBDE

Color Values

HEX

#BCEBDE

RGB

188, 235, 222

HSL

163.4, 54.0%, 82.9%

HSV

163.4, 20.0%, 92.2%

CMYK

20.0%, 0.0%, 5.5%, 7.8%

OKLCH

0.9035 0.0516 176.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BCEBDE

#EBBCC9

Analogous

#BCEBC6

#BCE0EB

#BCEBDE

Triadic

#BCEBDE

#DEBCEB

#EBDEBC

Split Complementary

#BCEBDE

#EBBCE0

#EBC6BC

Tetradic

#BCEBDE

#C6BCEB

#EBBCC9

#E0EBBC

Color Blindness Simulation

Original

#BCEBDE

Protanopia

#D0D1E1

Deuteranopia

#CECAE2

Tritanopia

#BEE4E4

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F1
200
#C8EFE4
300
#A1E3D1
400
#6ED4B7
500
#3BC49E
600
#2F9D7F
700
#267E65
800
#1D624F
900
#19483B
950
#102D25

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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