#BCE2D6

#BCE2D6

Color Values

HEX

#BCE2D6

RGB

188, 226, 214

HSL

161.1, 39.6%, 81.2%

HSV

161.1, 16.8%, 88.6%

CMYK

16.8%, 0.0%, 5.3%, 11.4%

OKLCH

0.8822 0.043 174.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#BCE2D6

#E2BCC8

Analogous

#BCE2C3

#BCDBE2

#BCE2D6

Triadic

#BCE2D6

#D6BCE2

#E2D6BC

Split Complementary

#BCE2D6

#E2BCDB

#E2C3BC

Tetradic

#BCE2D6

#C3BCE2

#E2BCC8

#DBE2BC

Color Blindness Simulation

Original

#BCE2D6

Protanopia

#CCCDD9

Deuteranopia

#CAC7DA

Tritanopia

#BEDBDC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E1
300
#AADACB
400
#7BC6AE
500
#4DB292
600
#3E8E75
700
#31725E
800
#275949
900
#1F4237
950
#142A23

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026