#EC1395

#EC1395

Color Values

HEX

#EC1395

RGB

236, 19, 149

HSL

324.1, 85.1%, 50.0%

HSV

324.1, 91.9%, 92.5%

CMYK

0.0%, 91.9%, 36.9%, 7.5%

OKLCH

0.6228 0.2512 352.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#EC1395

#13EC6A

Analogous

#D713EC

#EC1328

#EC1395

Triadic

#EC1395

#95EC13

#1395EC

Split Complementary

#EC1395

#28EC13

#13ECD7

Tetradic

#EC1395

#ECD713

#13EC6A

#1328EC

Color Blindness Simulation

Original

#EC1395

Protanopia

#8E8C76

Deuteranopia

#9BAB6E

Tritanopia

#E15D57

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0F0
200
#FABDE1
300
#F68ECC
400
#F150B0
500
#EC1395
600
#BD0F77
700
#970C5F
800
#76094A
900
#560B38
950
#360723

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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