#EC4F8A

#EC4F8A

Color Values

HEX

#EC4F8A

RGB

236, 79, 138

HSL

337.5, 80.5%, 61.8%

HSV

337.5, 66.5%, 92.5%

CMYK

0.0%, 66.5%, 41.5%, 7.5%

OKLCH

0.658 0.198 1.1

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EC4F8A

#4FECB1

Analogous

#EC4FD8

#EC634F

#EC4F8A

Triadic

#EC4F8A

#8AEC4F

#4F8AEC

Split Complementary

#EC4F8A

#4FEC63

#4FD8EC

Tetradic

#EC4F8A

#D8EC4F

#4FECB1

#634FEC

Color Blindness Simulation

Original

#EC4F8A

Protanopia

#A8A77C

Deuteranopia

#B1BD78

Tritanopia

#E4706E

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD4
300
#F391B5
400
#ED558E
500
#E61966
600
#B81451
700
#931041
800
#730C33
900
#540D28
950
#350819

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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