#ECBDD8

#ECBDD8

Color Values

HEX

#ECBDD8

RGB

236, 189, 216

HSL

325.5, 55.3%, 83.3%

HSV

325.5, 19.9%, 92.5%

CMYK

0.0%, 19.9%, 8.5%, 7.5%

OKLCH

0.8477 0.0641 343.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#ECBDD8

#BDECD1

Analogous

#E8BDEC

#ECBDC0

#ECBDD8

Triadic

#ECBDD8

#D8ECBD

#BDD8EC

Split Complementary

#ECBDD8

#C0ECBD

#BDECE8

Tetradic

#ECBDD8

#ECE8BD

#BDECD1

#BDC0EC

Color Blindness Simulation

Original

#ECBDD8

Protanopia

#D8D7D1

Deuteranopia

#DADED0

Tritanopia

#EACCCB

Achromatopsia

#C9C9C9

CSS Usage

background-color: #ECBDD8;
color: #ECBDD8;
border-color: #ECBDD8;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#EFC8DE
300
#E4A0C7
400
#D56CA8
500
#C6398A
600
#9E2E6E
700
#7F2458
800
#631C45
900
#491834
950
#2E0F21

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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