#ECA1E2

#ECA1E2

Color Values

HEX

#ECA1E2

RGB

236, 161, 226

HSL

308.0, 66.4%, 77.8%

HSV

308.0, 31.8%, 92.5%

CMYK

0.0%, 31.8%, 4.2%, 7.5%

OKLCH

0.8023 0.1215 331.4

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#ECA1E2

#A1ECAB

Analogous

#D0A1EC

#ECA1BC

#ECA1E2

Triadic

#ECA1E2

#E2ECA1

#A1E2EC

Split Complementary

#ECA1E2

#BCECA1

#A1ECD0

Tetradic

#ECA1E2

#ECD0A1

#A1ECAB

#A1BCEC

Color Blindness Simulation

Original

#ECA1E2

Protanopia

#CCCBD2

Deuteranopia

#D0D6CE

Tritanopia

#E8C6C3

Achromatopsia

#B6B6B6

CSS Usage

background-color: #ECA1E2;
color: #ECA1E2;
border-color: #ECA1E2;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4ED
300
#EA99E0
400
#DF62CF
500
#D42BBE
600
#AA2298
700
#881B79
800
#6A155F
900
#4D1346
950
#310C2C

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.76:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026