#EC5579

#EC5579

Color Values

HEX

#EC5579

RGB

236, 85, 121

HSL

345.7, 79.9%, 62.9%

HSV

345.7, 64.0%, 92.5%

CMYK

0.0%, 64.0%, 48.7%, 7.5%

OKLCH

0.6598 0.1869 9.4

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#EC5579

#55ECC8

Analogous

#EC55C4

#EC7C55

#EC5579

Triadic

#EC5579

#79EC55

#5579EC

Split Complementary

#EC5579

#55EC7C

#55C4EC

Tetradic

#EC5579

#C4EC55

#55ECC8

#7C55EC

Color Blindness Simulation

Original

#EC5579

Protanopia

#ABA970

Deuteranopia

#B3BF6E

Tritanopia

#E46968

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#F9E1E7
200
#F8BFCC
300
#F391A8
400
#EC5579
500
#E51A4A
600
#B7153B
700
#93102F
800
#730D25
900
#530E1E
950
#350913

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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