#EC4694

#EC4694

Color Values

HEX

#EC4694

RGB

236, 70, 148

HSL

331.8, 81.4%, 60.0%

HSV

331.8, 70.3%, 92.5%

CMYK

0.0%, 70.3%, 37.3%, 7.5%

OKLCH

0.6524 0.212 356.0

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#EC4694

#46EC9E

Analogous

#EC46E7

#EC4B46

#EC4694

Triadic

#EC4694

#94EC46

#4694EC

Split Complementary

#EC4694

#46EC4B

#46E7EC

Tetradic

#EC4694

#E7EC46

#46EC9E

#4B46EC

Color Blindness Simulation

Original

#EC4694

Protanopia

#A4A381

Deuteranopia

#AEBA7D

Tritanopia

#E4726F

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F8BEDA
300
#F490BF
400
#ED549C
500
#E71879
600
#B91361
700
#940F4E
800
#740C3D
900
#540D2E
950
#35081D

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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