#ED3CE9

#ED3CE9

Color Values

HEX

#ED3CE9

RGB

237, 60, 233

HSL

301.4, 83.1%, 58.2%

HSV

301.4, 74.7%, 92.9%

CMYK

0.0%, 74.7%, 1.7%, 7.1%

OKLCH

0.6835 0.2731 329.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#ED3CE9

#3CED40

Analogous

#993CED

#ED3C90

#ED3CE9

Triadic

#ED3CE9

#E9ED3C

#3CE9ED

Split Complementary

#ED3CE9

#90ED3C

#3CED99

Tetradic

#ED3CE9

#ED993C

#3CED40

#3C90ED

Color Blindness Simulation

Original

#ED3CE9

Protanopia

#A09FBF

Deuteranopia

#ABB8B5

Tritanopia

#E49E97

Achromatopsia

#6E6E6E

CSS Usage

background-color: #ED3CE9;
color: #ED3CE9;
border-color: #ED3CE9;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F58FF2
400
#EF52EB
500
#E916E5
600
#BB11B7
700
#950E92
800
#750B72
900
#550C53
950
#350834

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

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