Skip to content
ColorDB.org
Menu
Color Detail

Pink

Pink ranges from playful to sophisticated. It is especially useful when a palette needs warmth with a softer edge.

Warm Colors

#EC4899

warmplayfulfashionaccent

Color values

Hex
#EC4899
RGB
rgb(236, 72, 153)
HSL
hsl(330, 81%, 60%)

Overview

Pink is a warm color with the hex value #EC4899. It can feel playful, polished, soft, fashionable, or expressive depending on the palette around it.

Pink is often useful when a design needs warmth without defaulting to a more aggressive red or orange.

Symbolism and context

Pink may suggest softness, friendliness, expression, fashion, or sweetness, but those cues change dramatically with saturation and context.

A hot pink accent feels very different from a pale blush surface, even when they belong to the same broad family.

Common design uses

  • • brand accents and expressive UI moments
  • • badges, highlights, and editorial labels
  • • beauty, fashion, or creative product systems
  • • gradients and decorative surfaces
  • • supporting accents in warmer palettes

Pairing guidance

Pink often pairs well with cream, charcoal, soft gray, burgundy, and related reds or purples.

Cool neutrals can make pink feel more contemporary, while warm neutrals can make it feel softer or more editorial.

Use lighter pink tints for surfaces and darker shades for stronger accents or emphasis.

Accessibility notes

Pink can be too light or bright for small text, especially on white or pale backgrounds.

Treat pink like any other accent color: test the exact foreground/background pair instead of assuming the family is readable.

Check this color in the contrast checker

Related colors

Red#FF3B30Magenta#D946EFYellow#FACC15Orange#F97316

Related tools

Convert this colorTranslate the same color into HEX, RGB, HSL, or HSV.Check contrastTest text, buttons, and surfaces before using the color in UI.Generate shades and tintsBuild lighter and darker variants for surfaces, hover states, and text.Build a paletteSee how this color behaves once it becomes part of a broader system.

Explore this family

Family pages help compare colors that share a broader visual role, making it easier to move from one isolated swatch to a more usable palette direction.

Browse Warm Colors

Keep learning

FAQ

Questions people usually ask next

What is the hex value of Pink?

The hex value is #EC4899.

What family does Pink belong to?

Pink belongs to the warm-colors family in ColorDB.

Is Pink good for text?

It depends on the background. Test the exact contrast pair before using it for text or small UI labels.

What colors pair well with Pink?

Good pairings depend on the intended mood. Neutrals are usually a safe starting point, and related colors from the same family can create a smoother palette.

Can I use Pink in CSS?

Yes. You can use its HEX, RGB, or HSL value in CSS.