#ECCDD2

#ECCDD2

Color Values

HEX

#ECCDD2

RGB

236, 205, 210

HSL

350.3, 44.9%, 86.5%

HSV

350.3, 13.1%, 92.5%

CMYK

0.0%, 13.1%, 11.0%, 7.5%

OKLCH

0.8757 0.0354 6.8

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#ECCDD2

#CDECE7

Analogous

#ECCDE2

#ECD8CD

#ECCDD2

Triadic

#ECCDD2

#D2ECCD

#CDD2EC

Split Complementary

#ECCDD2

#CDECD8

#CDE2EC

Tetradic

#ECCDD2

#E2ECCD

#CDECE7

#D8CDEC

Color Blindness Simulation

Original

#ECCDD2

Protanopia

#DFDED1

Deuteranopia

#E0E3D0

Tritanopia

#EAD0D0

Achromatopsia

#D4D4D4

CSS Usage

background-color: #ECCDD2;
color: #ECCDD2;
border-color: #ECCDD2;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FAF4F5
100
#F4E6E9
200
#EBCBD0
300
#DDA6AF
400
#CB7684
500
#B94659
600
#943847
700
#762D39
800
#5C232C
900
#441D23
950
#2B1216

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026