#ED5477

#ED5477

Color Values

HEX

#ED5477

RGB

237, 84, 119

HSL

346.3, 81.0%, 62.9%

HSV

346.3, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 49.8%, 7.1%

OKLCH

0.6597 0.1888 10.2

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#ED5477

#54EDCA

Analogous

#ED54C3

#ED7D54

#ED5477

Triadic

#ED5477

#77ED54

#5477ED

Split Complementary

#ED5477

#54ED7D

#54C3ED

Tetradic

#ED5477

#C3ED54

#54EDCA

#7D54ED

Color Blindness Simulation

Original

#ED5477

Protanopia

#ABA96F

Deuteranopia

#B4BF6C

Tritanopia

#E56866

Achromatopsia

#777777

CSS Usage

background-color: #ED5477;
color: #ED5477;
border-color: #ED5477;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F4
100
#F9E1E6
200
#F8BECC
300
#F390A7
400
#ED5477
500
#E71847
600
#B91339
700
#94102E
800
#730C24
900
#540D1D
950
#350812

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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