Deep pink color: code #FF1493

Deep pink

#FF1493

Color codes

  • HEX#FF1493
  • RGBrgb(255, 20, 147)
  • HSLhsl(328, 100%, 54%)
  • HSVhsv(328, 92%, 100%)
  • CMYKcmyk(0%, 92%, 42%, 0%)
  • LABlab(56% 84.5 -5.7)
  • OKLCHoklch(65.5% 0.261 356.9)

About the color Deep pink

Deep pink has the HEX code #FF1493, which corresponds to rgb(255, 20, 147) in the RGB model. On the color wheel its hue sits at 328°, with 100% saturation and 54% lightness (hsl(328, 100%, 54%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 5.77:1 contrast ratio on it, versus 3.63:1 for white.

For print, the approximate conversion is cmyk(0%, 92%, 42%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Deep pink

Complementary

#FF1493 · #14FF82

Analogous

#F714FF · #FF1493 · #FF141C

Triadic

#FF1493 · #92FF14 · #1492FF

Tetradic

#FF1493 · #FFF714 · #14FF82 · #141CFF

Split-complementary

#FF1493 · #1CFF14 · #14FFF7

Monochromatic

#94004F · #E00078 · #FF1493 · #FF61B5 · #FFADD9

Deep pink with white and black text

White text Aa Bb Cc 123
3.63:1 · large text only
Black text Aa Bb Cc 123
5.77:1 · AA

Test other pairs in the contrast checker

Deep pink, deeppink and hotpink

The HEX on this page, #FF1493 (rgb(255, 20, 147)), is CSS deeppink: the most vivid pink in the named-color list, the one that almost glows. Watch out for a common trap: CSS hotpink is a different color, #FF69B4, lighter and less saturated. People often say “hot pink” for the stronger shade, but if you type the hotpink keyword you get the softer one. When in doubt, use the HEX.

Compared with magenta (#FF00FF), deep pink has much less blue and a touch of green, which pulls it toward red and makes it warmer. CSS pink (#FFC0CB) is a pastel, a different family altogether.

Personality

Deep pink tends to communicate energy, irreverence, confidence and fun. For a long time it was labeled a “girls’ color” in many Western cultures, an association that is fairly recent historically and increasingly questioned today. Fashion has reclaimed it as a style statement, and trends such as so-called “Barbiecore” pushed bright pink onto runways, store windows and social feeds. As always, meaning depends on who is looking and where the color appears.

In practice

Branding and UI

Beauty, fashion, entertainment and dating apps use deep pink to stand out. In interfaces it performs well as a primary action color, on “like” icons and in charts that need a strong highlight.

Fashion and interiors

In clothing, it works both in monochrome outfits and as a pop of color against neutrals. At home, keep it to objects and textiles: on an entire wall it dominates the room and casts pink onto neighboring surfaces.

Pairings

Contrast: white or black text?

#FF1493 has a 3.6:1 contrast ratio with white (large text only) and 5.8:1 with black, which passes AA. If the button needs white text at normal size, step down to a shade like #C71585 (CSS mediumvioletred), which reaches 5.4:1. Test it in the contrast checker.

How to use it in CSS

:root {
  --color-hot-pink: #FF1493;
  --color-hot-pink-rgb: 255, 20, 147;
}

.elemento {
  background-color: var(--color-hot-pink);
  color: #000000;
}

Similar colors

Use Deep pink in our tools