#EC3C85

#EC3C85

Color Values

HEX

#EC3C85

RGB

236, 60, 133

HSL

335.1, 82.2%, 58.0%

HSV

335.1, 74.6%, 92.5%

CMYK

0.0%, 74.6%, 43.6%, 7.5%

OKLCH

0.639 0.2173 0.6

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#EC3C85

#3CECA3

Analogous

#EC3CDD

#EC4B3C

#EC3C85

Triadic

#EC3C85

#85EC3C

#3C85EC

Split Complementary

#EC3C85

#3CEC4B

#3CDDEC

Tetradic

#EC3C85

#DDEC3C

#3CECA3

#4B3CEC

Color Blindness Simulation

Original

#EC3C85

Protanopia

#A09E73

Deuteranopia

#AAB76F

Tritanopia

#E36562

Achromatopsia

#676767

CSS Usage

background-color: #EC3C85;
color: #EC3C85;
border-color: #EC3C85;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F48FB9
400
#EE5393
500
#E8176E
600
#BA1258
700
#950F46
800
#740B37
900
#540D2A
950
#35081B

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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