#ED39F0

#ED39F0

Color Values

HEX

#ED39F0

RGB

237, 57, 240

HSL

299.0, 85.9%, 58.2%

HSV

299.0, 76.2%, 94.1%

CMYK

1.2%, 76.2%, 0.0%, 5.9%

OKLCH

0.6854 0.2807 327.4

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#ED39F0

#3CF039

Analogous

#9139F0

#F03997

#ED39F0

Triadic

#ED39F0

#F0ED39

#39F0ED

Split Complementary

#ED39F0

#97F039

#39F091

Tetradic

#ED39F0

#F09139

#3CF039

#3997F0

Color Blindness Simulation

Original

#ED39F0

Protanopia

#9F9DC4

Deuteranopia

#AAB7B9

Tritanopia

#E4A199

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDFA
300
#F58DF6
400
#EF50F2
500
#E912ED
600
#BB0EBE
700
#950C98
800
#750977
900
#550B56
950
#350736

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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