#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026