#ECD1E2

#ECD1E2

Color Values

HEX

#ECD1E2

RGB

236, 209, 226

HSL

322.2, 41.5%, 87.3%

HSV

322.2, 11.4%, 92.5%

CMYK

0.0%, 11.4%, 4.2%, 7.5%

OKLCH

0.888 0.0374 339.8

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#ECD1E2

#D1ECDB

Analogous

#E9D1EC

#ECD1D5

#ECD1E2

Triadic

#ECD1E2

#E2ECD1

#D1E2EC

Split Complementary

#ECD1E2

#D5ECD1

#D1ECE9

Tetradic

#ECD1E2

#ECE9D1

#D1ECDB

#D1D5EC

Color Blindness Simulation

Original

#ECD1E2

Protanopia

#E0E0DE

Deuteranopia

#E2E4DD

Tritanopia

#EBDBDA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#EACCDF
300
#DBA8C8
400
#C879AB
500
#B44B8D
600
#903C71
700
#73305A
800
#5A2547
900
#431E35
950
#2A1322

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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