#ED54AF

#ED54AF

Color Values

HEX

#ED54AF

RGB

237, 84, 175

HSL

324.3, 81.0%, 62.9%

HSV

324.3, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 26.2%, 7.1%

OKLCH

0.6773 0.2084 347.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#ED54AF

#54ED92

Analogous

#DE54ED

#ED5462

#ED54AF

Triadic

#ED54AF

#AFED54

#54AFED

Split Complementary

#ED54AF

#62ED54

#54EDDE

Tetradic

#ED54AF

#EDDE54

#54ED92

#5462ED

Color Blindness Simulation

Original

#ED54AF

Protanopia

#ABA999

Deuteranopia

#B4BF94

Tritanopia

#E58884

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EF
200
#F8BEE1
300
#F390CB
400
#ED54AF
500
#E71893
600
#B91376
700
#94105E
800
#730C4A
900
#540D37
950
#350823

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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