#ED5474

#ED5474

Color Values

HEX

#ED5474

RGB

237, 84, 116

HSL

347.5, 81.0%, 62.9%

HSV

347.5, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 51.1%, 7.1%

OKLCH

0.659 0.1885 11.4

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#ED5474

#54EDCD

Analogous

#ED54C0

#ED8054

#ED5474

Triadic

#ED5474

#74ED54

#5474ED

Split Complementary

#ED5474

#54ED80

#54C0ED

Tetradic

#ED5474

#C0ED54

#54EDCD

#8054ED

Color Blindness Simulation

Original

#ED5474

Protanopia

#ABA96C

Deuteranopia

#B4BF6A

Tritanopia

#E56665

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#F9E1E6
200
#F8BECA
300
#F390A5
400
#ED5474
500
#E71843
600
#B91336
700
#94102B
800
#730C22
900
#540D1C
950
#350812

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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