#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026