#ED12D2

#ED12D2

Color Values

HEX

#ED12D2

RGB

237, 18, 210

HSL

307.4, 85.9%, 50.0%

HSV

307.4, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 11.4%, 7.1%

OKLCH

0.6518 0.2842 334.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#ED12D2

#12ED2D

Analogous

#9B12ED

#ED1264

#ED12D2

Triadic

#ED12D2

#D2ED12

#12D2ED

Split Complementary

#ED12D2

#64ED12

#12ED9B

Tetradic

#ED12D2

#ED9B12

#12ED2D

#1264ED

Color Blindness Simulation

Original

#ED12D2

Protanopia

#8E8CA4

Deuteranopia

#9BAB98

Tritanopia

#E27F77

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF2
300
#F68DE9
400
#F250DE
500
#ED12D2
600
#BE0EA8
700
#980C86
800
#770969
900
#560B4D
950
#360730

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

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