#EC4588

#EC4588

Color Values

HEX

#EC4588

RGB

236, 69, 136

HSL

335.9, 81.5%, 59.8%

HSV

335.9, 70.8%, 92.5%

CMYK

0.0%, 70.8%, 42.4%, 7.5%

OKLCH

0.6476 0.2089 0.5

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EC4588

#45ECA9

Analogous

#EC45DC

#EC5545

#EC4588

Triadic

#EC4588

#88EC45

#4588EC

Split Complementary

#EC4588

#45EC55

#45DCEC

Tetradic

#EC4588

#DCEC45

#45ECA9

#5545EC

Color Blindness Simulation

Original

#EC4588

Protanopia

#A4A278

Deuteranopia

#ADBA74

Tritanopia

#E46B68

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F8BED6
300
#F490B8
400
#EE5492
500
#E7186B
600
#B91356
700
#940F45
800
#740C36
900
#540D29
950
#35081A

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026