#ECCDD6

#ECCDD6

Color Values

HEX

#ECCDD6

RGB

236, 205, 214

HSL

342.6, 44.9%, 86.5%

HSV

342.6, 13.1%, 92.5%

CMYK

0.0%, 13.1%, 9.3%, 7.5%

OKLCH

0.8769 0.0366 358.4

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#ECCDD6

#CDECE3

Analogous

#ECCDE6

#ECD4CD

#ECCDD6

Triadic

#ECCDD6

#D6ECCD

#CDD6EC

Split Complementary

#ECCDD6

#CDECD4

#CDE6EC

Tetradic

#ECCDD6

#E6ECCD

#CDECE3

#D4CDEC

Color Blindness Simulation

Original

#ECCDD6

Protanopia

#DFDED4

Deuteranopia

#E0E3D3

Tritanopia

#EAD2D2

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#EBCBD5
300
#DDA6B6
400
#CB768F
500
#B94667
600
#943853
700
#762D42
800
#5C2334
900
#441D28
950
#2B1219

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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