#EC5293

#EC5293

Color Values

HEX

#EC5293

RGB

236, 82, 147

HSL

334,7, 80,2%, 62,4%

HSV

334,7, 65,3%, 92,5%

CMYK

0,0%, 65,3%, 37,7%, 7,5%

OKLCH

0,6639 0,1973 357,9

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EC5293

#52ECAB

Analogous

#EC52E0

#EC5E52

#EC5293

Triadic

#EC5293

#93EC52

#5293EC

Split Complementary

#EC5293

#52EC5E

#52E0EC

Tetradic

#EC5293

#E0EC52

#52ECAB

#5E52EC

Color Blindness Simulation

Original

#EC5293

Protanopia

#A9A883

Deuteranopia

#B2BE7F

Tritanopia

#E47774

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EB
200
#F8BFD7
300
#F391BA
400
#EC5595
500
#E6196F
600
#B81459
700
#931047
800
#730D38
900
#530D2B
950
#35091B

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,19: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