#EC53A2

#EC53A2

Color Values

HEX

#EC53A2

RGB

236, 83, 162

HSL

329.0, 80.1%, 62.5%

HSV

329.0, 64.8%, 92.5%

CMYK

0.0%, 64.8%, 31.4%, 7.5%

OKLCH

0.67 0.2023 352.0

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#EC53A2

#53EC9D

Analogous

#E953EC

#EC5355

#EC53A2

Triadic

#EC53A2

#A2EC53

#53A2EC

Split Complementary

#EC53A2

#55EC53

#53ECE9

Tetradic

#EC53A2

#ECE953

#53EC9D

#5355EC

Color Blindness Simulation

Original

#EC53A2

Protanopia

#AAA88F

Deuteranopia

#B3BE8A

Tritanopia

#E4807C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BFDC
300
#F391C3
400
#EC55A3
500
#E61983
600
#B81469
700
#931054
800
#730D41
900
#530E32
950
#35091F

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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