#ECBCD9

#ECBCD9

Color Values

HEX

#ECBCD9

RGB

236, 188, 217

HSL

323.8, 55.8%, 83.1%

HSV

323.8, 20.3%, 92.5%

CMYK

0.0%, 20.3%, 8.1%, 7.5%

OKLCH

0.8462 0.0665 341.7

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#ECBCD9

#BCECCF

Analogous

#E7BCEC

#ECBCC1

#ECBCD9

Triadic

#ECBCD9

#D9ECBC

#BCD9EC

Split Complementary

#ECBCD9

#C1ECBC

#BCECE7

Tetradic

#ECBCD9

#ECE7BC

#BCECCF

#BCC1EC

Color Blindness Simulation

Original

#ECBCD9

Protanopia

#D7D7D2

Deuteranopia

#DADED0

Tritanopia

#EACCCB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5EF
200
#EFC7DF
300
#E4A0C9
400
#D56CAC
500
#C7388E
600
#9F2D72
700
#7F245B
800
#631C47
900
#491835
950
#2E0F22

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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