#EC4899 HEX Color

#EC4899rgb(236, 72, 153)

About #EC4899

#EC4899 (#EC4899) is a warm, mid, vivid pink tone with a hue of 330°, saturation of 81% and lightness of 60%. It works well for lifestyle and fashion design and conveys a playful feeling. On a white background it reaches a contrast ratio of 3.53:1, while on black it reaches 5.95:1 — so prefer black text when using #EC4899 as a background.

Color Codes

HEX#EC4899

RGBrgb(236, 72, 153)

HSLhsl(330°, 81%, 60%)

CMYKcmyk(0%, 69%, 35%, 7%)

CIELABLab(56.9, 68.8, -8.3)

Accessibility & Contrast

On white

3.53:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

5.95:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #EC4899 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #EC4899;

color: #EC4899;

border: 2px solid #EC4899;

background: linear-gradient(135deg, #EC4899, #48ec9b);

Code Export

css

:root {
  --color-primary: #ec4899;
  --color-primary-rgb: 236, 72, 153;
  --color-primary-hsl: 330, 81%, 60%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Orange + Blue

Gold + Blue

Pink + Purple

Red + Blue

Frequently Asked Questions

What is the name of color #EC4899?

Color #EC4899 does not have an official CSS name. It is a warm, mid, vivid pink tone (HSL 330°, 81%, 60%).

Is #EC4899 a warm or cool color?

#EC4899 (#EC4899) is a warm color. With a hue of 330°, it falls in the pink family.

What colors go well with #EC4899?

Colors that pair well with #EC4899 (#EC4899) include its complementary color (#48EC9B), neutral whites and warm creams, and analogous pink tones for harmonious palettes.