#ECA2ED

#ECA2ED

Color Values

HEX

#ECA2ED

RGB

236, 162, 237

HSL

299.2, 67.6%, 78.2%

HSV

299.2, 31.6%, 92.9%

CMYK

0.4%, 31.6%, 0.0%, 7.1%

OKLCH

0.8082 0.1301 326.2

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECA2ED

#A3EDA2

Analogous

#C6A2ED

#EDA2C8

#ECA2ED

Triadic

#ECA2ED

#EDECA2

#A2EDEC

Split Complementary

#ECA2ED

#C8EDA2

#A2EDC6

Tetradic

#ECA2ED

#EDC6A2

#A3EDA2

#A2C8ED

Color Blindness Simulation

Original

#ECA2ED

Protanopia

#CCCBDB

Deuteranopia

#D0D6D6

Tritanopia

#E8CDC9

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EA98EB
400
#DF61E0
500
#D329D6
600
#A921AB
700
#871A89
800
#6A156B
900
#4D134E
950
#310C31

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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