Deep Pink #FF1493

Deep Pink#FF1493 · rgb(255, 20, 147)

Deep Pink color codes

CSS namedeeppink
HEX#FF1493
RGBrgb(255, 20, 147)
HSLhsl(328, 100%, 54%)
CMYKcmyk(0%, 92%, 42%, 0%)
Decimal16716947

Shades of Deep Pink (darker)

#E61284 · #CC1076 · #B30E67 · #990C58 · #800A4A · #66083B · #4D062C · #33041D · #1A020F

Tints of Deep Pink (lighter)

#FF2C9E · #FF43A9 · #FF5BB3 · #FF72BE · #FF8AC9 · #FFA1D4 · #FFB9DF · #FFD0E9 · #FFE8F4

Color harmonies

Complementary
#14FF82
Triadic
#92FF14, #1492FF
Analogous
#F714FF, #FF141C

Accessibility (WCAG contrast)

White text on Deep Pink3.64:1 · AA large text only
Black text on Deep Pink5.77:1 · AA

Use Deep Pink in code

.element {
  color: deeppink;          /* or #ff1493 */
  background-color: rgb(255 20 147 / 0.5);
}

Frequently asked questions

What is the hex code for Deep Pink?

Deep Pink is #FF1493 in HEX, rgb(255, 20, 147) in RGB and hsl(328, 100%, 54%) in HSL.

Can I use "deeppink" directly in CSS?

Yes. "deeppink" is one of the 148 standard CSS named colors, so color: deeppink; works in every browser.

Is Deep Pink readable on white?

The contrast ratio of Deep Pink on white is 3.64:1 (WCAG AA large text only). On black it is 5.77:1 (AA).

What is the complementary color of Deep Pink?

The complementary color (opposite on the color wheel) is #14FF82.

Similar colors

Medium Violet Red#C71585Hot Pink#FF69B4Crimson#DC143CPale Violet Red#DB7093Indian Red#CD5C5CTomato#FF6347Fuchsia#FF00FFMagenta#FF00FF

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.