#EC77A4

#EC77A4

Color Values

HEX

#EC77A4

RGB

236, 119, 164

HSL

336.9, 75.5%, 69.6%

HSV

336.9, 49.6%, 92.5%

CMYK

0.0%, 49.6%, 30.5%, 7.5%

OKLCH

0.7156 0.1515 357.3

Properties

Warm Light Nearest: palevioletred 2

Color Harmonies

Complementary

#EC77A4

#77ECBF

Analogous

#EC77DF

#EC8477

#EC77A4

Triadic

#EC77A4

#A4EC77

#77A4EC

Split Complementary

#EC77A4

#77EC84

#77DFEC

Tetradic

#EC77A4

#DFEC77

#77ECBF

#8477EC

Color Blindness Simulation

Original

#EC77A4

Protanopia

#B9B899

Deuteranopia

#C0C996

Tritanopia

#E6918F

Achromatopsia

#939393

CSS Usage

background-color: #EC77A4;
color: #EC77A4;
border-color: #EC77A4;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF2F6
100
#F9E2EB
200
#F6C0D5
300
#F094B7
400
#E85990
500
#E01F69
600
#B31954
700
#8F1443
800
#701035
900
#511029
950
#330A1A

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026