#ED12DF

#ED12DF

Color Values

HEX

#ED12DF

RGB

237, 18, 223

HSL

303,8, 85,9%, 50,0%

HSV

303,8, 92,4%, 92,9%

CMYK

0,0%, 92,4%, 5,9%, 7,1%

OKLCH

0,6588 0,2922 331,7

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#ED12DF

#12ED20

Analogous

#8D12ED

#ED1272

#ED12DF

Triadic

#ED12DF

#DFED12

#12DFED

Split Complementary

#ED12DF

#72ED12

#12ED8D

Tetradic

#ED12DF

#ED8D12

#12ED20

#1272ED

Color Blindness Simulation

Original

#ED12DF

Protanopia

#8E8CAD

Deuteranopia

#9BABA2

Tritanopia

#E2867E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F9
200
#FABDF6
300
#F68DF0
400
#F250E7
500
#ED12DF
600
#BE0EB3
700
#980C8F
800
#770970
900
#560B51
950
#360733

Contrast Checker

Text on white

3,65:1

AA Fail AAA Fail

Text on black

5,75: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