#EC479A

#EC479A

Color Values

HEX

#EC479A

RGB

236, 71, 154

HSL

329.8, 81.3%, 60.2%

HSV

329.8, 69.9%, 92.5%

CMYK

0.0%, 69.9%, 34.7%, 7.5%

OKLCH

0.6553 0.2134 353.8

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#EC479A

#47EC99

Analogous

#EB47EC

#EC4748

#EC479A

Triadic

#EC479A

#9AEC47

#479AEC

Split Complementary

#EC479A

#48EC47

#47ECEB

Tetradic

#EC479A

#ECEB47

#47EC99

#4748EC

Color Blindness Simulation

Original

#EC479A

Protanopia

#A5A386

Deuteranopia

#AEBA81

Tritanopia

#E47673

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDB
300
#F490C2
400
#ED54A1
500
#E71880
600
#B91367
700
#940F52
800
#740C40
900
#540D31
950
#35081F

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026