#EC558E

#EC558E

Color Values

HEX

#EC558E

RGB

236, 85, 142

HSL

337.4, 79.9%, 62.9%

HSV

337.4, 64.0%, 92.5%

CMYK

0.0%, 64.0%, 39.8%, 7.5%

OKLCH

0.6656 0.1918 0.5

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EC558E

#55ECB3

Analogous

#EC55D9

#EC6755

#EC558E

Triadic

#EC558E

#8EEC55

#558EEC

Split Complementary

#EC558E

#55EC67

#55D9EC

Tetradic

#EC558E

#D9EC55

#55ECB3

#6755EC

Color Blindness Simulation

Original

#EC558E

Protanopia

#ABA980

Deuteranopia

#B3BF7D

Tritanopia

#E47573

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD4
300
#F391B6
400
#EC558E
500
#E51A66
600
#B71552
700
#931042
800
#730D33
900
#530E28
950
#350919

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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