What does the color DeepPink mean?

Red

DeepPink

#ff1493

#ff43a9

#ff72be

#ffa1d4

#ffd0e9

#e62a8f

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

DeepPink is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use DeepPink (#ff1493) in CSS as color: deeppink; or as #ff1493.

Preview

DeepPink

#ff1493

Overview

Family: Red

Accessibility on this swatch:

(5.77:1)

Contrast vs white: 3.64:1 · vs black: 5.77:1

Formats

HEX

#ff1493

RGB

rgb(255, 20, 147)

RGBA

rgba(255, 20, 147, 1)

HSL

hsl(328, 100%, 54%)

HSV

hsv(328, 92%, 100%)

LAB

lab(55.96% 84.54 -5.7)

LCH

lch(55.96% 84.73 356.14)

OKLAB

oklab(0.6549 0.261 -0.0139)

OKLCH

oklch(0.6549 0.2614 356.95)

XYZ

xyz(46.76, 23.87, 29.74)

CMYK

cmyk(0%, 92%, 42%, 0%)

CSS

color: #ff1493;

CSS variable

--color-ff1493: #ff1493;

SCSS

$color-ff1493: #ff1493;

Tailwind

pink-400

Export

Developer code

:root {
  --deeppink-1: #ff1493;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ff43a9

#ff72be

#ffa1d4

#ffd0e9

#e62a8f

#cc3f8b

#b35588

#996a84

Similar colors

#c71585

#ff69b4

#db7093

#da70d6

#dc143c

#ee82ee

#8b008b

#800080

Browse more in the color name library.