#ED09C4

#ED09C4

Color Values

HEX

#ED09C4

RGB

237, 9, 196

HSL

310.8, 92.7%, 48.2%

HSV

310.8, 96.2%, 92.9%

CMYK

0.0%, 96.2%, 17.3%, 7.1%

OKLCH

0.6428 0.2784 338.6

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#ED09C4

#09ED32

Analogous

#A409ED

#ED0952

#ED09C4

Triadic

#ED09C4

#C4ED09

#09C4ED

Split Complementary

#ED09C4

#52ED09

#09EDA4

Tetradic

#ED09C4

#EDA409

#09ED32

#0952ED

Color Blindness Simulation

Original

#ED09C4

Protanopia

#8A8897

Deuteranopia

#98A98C

Tritanopia

#E2736B

Achromatopsia

#474747

CSS Usage

background-color: #ED09C4;
color: #ED09C4;
border-color: #ED09C4;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBAF0
300
#FB89E6
400
#F849D9
500
#F609CB
600
#C507A3
700
#9D0682
800
#7B0566
900
#59084A
950
#38052F

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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