#ED489F

#ED489F

Color Values

HEX

#ED489F

RGB

237, 72, 159

HSL

328.4, 82.1%, 60.6%

HSV

328.4, 69.6%, 92.9%

CMYK

0.0%, 69.6%, 32.9%, 7.1%

OKLCH

0.6596 0.2152 352.3

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#ED489F

#48ED96

Analogous

#E948ED

#ED484C

#ED489F

Triadic

#ED489F

#9FED48

#489FED

Split Complementary

#ED489F

#4CED48

#48EDE9

Tetradic

#ED489F

#EDE948

#48ED96

#484CED

Color Blindness Simulation

Original

#ED489F

Protanopia

#A6A48A

Deuteranopia

#AFBB85

Tritanopia

#E57976

Achromatopsia

#717171

CSS Usage

background-color: #ED489F;
color: #ED489F;
border-color: #ED489F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F8
100
#FAE1EE
200
#F9BEDD
300
#F490C4
400
#EE53A5
500
#E81785
600
#BA126A
700
#950F55
800
#740B43
900
#540D32
950
#350820

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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