#EC1396

#EC1396

Color Values

HEX

#EC1396

RGB

236, 19, 150

HSL

323.8, 85.1%, 50.0%

HSV

323.8, 91.9%, 92.5%

CMYK

0.0%, 91.9%, 36.4%, 7.5%

OKLCH

0.6232 0.2516 352.2

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#EC1396

#13EC69

Analogous

#D613EC

#EC1329

#EC1396

Triadic

#EC1396

#96EC13

#1396EC

Split Complementary

#EC1396

#29EC13

#13ECD6

Tetradic

#EC1396

#ECD613

#13EC69

#1329EC

Color Blindness Simulation

Original

#EC1396

Protanopia

#8E8C76

Deuteranopia

#9BAB6F

Tritanopia

#E15D58

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0F0
200
#FABDE2
300
#F68ECD
400
#F150B1
500
#EC1396
600
#BD0F78
700
#970C60
800
#76094B
900
#560B38
950
#360723

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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