#ED548A

#ED548A

Color Values

HEX

#ED548A

RGB

237, 84, 138

HSL

338.8, 81.0%, 62.9%

HSV

338.8, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 41.8%, 7.1%

OKLCH

0.6648 0.1928 2.2

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#ED548A

#54EDB7

Analogous

#ED54D7

#ED6A54

#ED548A

Triadic

#ED548A

#8AED54

#548AED

Split Complementary

#ED548A

#54ED6A

#54D7ED

Tetradic

#ED548A

#D7ED54

#54EDB7

#6A54ED

Color Blindness Simulation

Original

#ED548A

Protanopia

#ABA97D

Deuteranopia

#B4BF7A

Tritanopia

#E57370

Achromatopsia

#787878

CSS Usage

background-color: #ED548A;
color: #ED548A;
border-color: #ED548A;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BED3
300
#F390B3
400
#ED548A
500
#E71861
600
#B9134E
700
#94103E
800
#730C31
900
#540D26
950
#350818

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026