#ECA6ED

#ECA6ED

Color Values

HEX

#ECA6ED

RGB

236, 166, 237

HSL

299.2, 66.4%, 79.0%

HSV

299.2, 30.0%, 92.9%

CMYK

0.4%, 30.0%, 0.0%, 7.1%

OKLCH

0.8148 0.1231 326.2

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECA6ED

#A7EDA6

Analogous

#C9A6ED

#EDA6CA

#ECA6ED

Triadic

#ECA6ED

#EDECA6

#A6EDEC

Split Complementary

#ECA6ED

#CAEDA6

#A6EDC9

Tetradic

#ECA6ED

#EDC9A6

#A7EDA6

#A6CAED

Color Blindness Simulation

Original

#ECA6ED

Protanopia

#CECDDC

Deuteranopia

#D2D7D8

Tritanopia

#E8CECB

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C4F3
300
#E999EA
400
#DE62DF
500
#D22BD4
600
#A822AA
700
#861B88
800
#69156A
900
#4D134D
950
#300C31

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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