#ECD2DD

#ECD2DD

Color Values

HEX

#ECD2DD

RGB

236, 210, 221

HSL

334.6, 40.6%, 87.5%

HSV

334.6, 11.0%, 92.5%

CMYK

0.0%, 11.0%, 6.4%, 7.5%

OKLCH

0.8884 0.0323 350.3

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#ECD2DD

#D2ECE1

Analogous

#ECD2EA

#ECD4D2

#ECD2DD

Triadic

#ECD2DD

#DDECD2

#D2DDEC

Split Complementary

#ECD2DD

#D2ECD4

#D2EAEC

Tetradic

#ECD2DD

#EAECD2

#D2ECE1

#D4D2EC

Color Blindness Simulation

Original

#ECD2DD

Protanopia

#E1E1DA

Deuteranopia

#E2E4DA

Tritanopia

#EBD8D8

Achromatopsia

#D8D8D8

CSS Usage

background-color: #ECD2DD;
color: #ECD2DD;
border-color: #ECD2DD;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD9
300
#DBA9BE
400
#C77A9B
500
#B34C78
600
#8F3D60
700
#73304D
800
#5A263C
900
#421F2E
950
#2A131D

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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