#EC1342

#EC1342

Color Values

HEX

#EC1342

RGB

236, 19, 66

HSL

347.0, 85.1%, 50.0%

HSV

347.0, 91.9%, 92.5%

CMYK

0.0%, 91.9%, 72.0%, 7.5%

OKLCH

0.6013 0.2351 19.6

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#EC1342

#13ECBD

Analogous

#EC13AF

#EC5013

#EC1342

Triadic

#EC1342

#42EC13

#1342EC

Split Complementary

#EC1342

#13EC50

#13AFEC

Tetradic

#EC1342

#AFEC13

#13ECBD

#5013EC

Color Blindness Simulation

Original

#EC1342

Protanopia

#8E8C37

Deuteranopia

#9BAB34

Tritanopia

#E12E2C

Achromatopsia

#454545

CSS Usage

background-color: #EC1342;
color: #EC1342;
border-color: #EC1342;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABDCA
300
#F68EA4
400
#F15073
500
#EC1342
600
#BD0F35
700
#970C2A
800
#760921
900
#560B1B
950
#360711

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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