#ED548E

#ED548E

Color Values

HEX

#ED548E

RGB

237, 84, 142

HSL

337.3, 81.0%, 62.9%

HSV

337.3, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 40.1%, 7.1%

OKLCH

0.666 0.194 0.5

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#ED548E

#54EDB3

Analogous

#ED54DA

#ED6654

#ED548E

Triadic

#ED548E

#8EED54

#548EED

Split Complementary

#ED548E

#54ED66

#54DAED

Tetradic

#ED548E

#DAED54

#54EDB3

#6654ED

Color Blindness Simulation

Original

#ED548E

Protanopia

#ABA980

Deuteranopia

#B4BF7D

Tritanopia

#E57572

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BED4
300
#F390B6
400
#ED548E
500
#E71866
600
#B91352
700
#941042
800
#730C33
900
#540D28
950
#350819

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.26:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026