Deep Pink

#FF1493

What color is Deep Pink?

Deep pink is a vivid, saturated pink with a strong magenta lean, hex #FF1493, close to the color of a bougainvillea bract. It is brighter and more intense than hot pink, with very little white mixed in.

What is the meaning of the color Deep Pink?

French chemist François-Emmanuel Verguin synthesized fuchsine dye in 1859, producing the intense pink-magenta family that deep pink belongs to. The color spread through European textile markets in the late 19th century as synthetic dyes made such brightness available to mass fashion for the first time. Designer Elsa Schiaparelli championed a closely related shade she called shocking pink in her 1937 collection, establishing the tone as bold and deliberately unconventional. Mattel anchored deep pink in popular culture through decades of Barbie branding, making the color one of the most immediately recognized in consumer product design.

RGB
255, 20, 147
HSL
328°, 100%, 54%
CMYK
0, 92, 42, 0
HSV
328°, 92%, 100%
Deep pink color

What colors go with Deep Pink?

Colors that pair well with Deep pink include:
Navy blue: sharp, high-contrast anchor
Lime green: bold, energetic complement
White: clean, open balance
Gold: warm, glamorous lift
Charcoal gray: grounded, modern contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF1493 color: #FF1493;
RGB 255, 20, 147 color: rgb(255, 20, 147);
RGB Percentage 100%, 8%, 58% color: rgb(100%, 8%, 58%);
CMYK 0%, 92%, 42%, 0% Not supported in CSS
HSL 328°, 100%, 54% color: hsl(328, 100%, 54%);
HSV 328°, 92%, 100% Not supported in CSS
CIE-LAB 43, 47, -42 color: lab(43% 47 -42);
Decimal 16716947 Not supported in CSS

Color Variations

Shades

#FF1492
#F80084
#DC0076
#C10067
#A50058
#8A0049
#6E003B
#53002C

Tints

#FFB9DE
#FFA1D3
#FF8AC8
#FF72BD
#FF5BB2
#FF43A7
#FF2C9C
#FF1492

Tones

#FF1492
#F32091
#E82C90
#DC388F
#D0438E
#C44F8E
#B95B8D
#AD678C

Hues

#FF1492
#FF4714
#FFF714
#57FF14
#14FF82
#14CCFF
#141CFF
#BD14FF

Color Harmonies

Analogous

#F714FF
Click to copy
#FF1493
Click to copy
#FF141C
Click to copy
98%

Complementary

#FF1493
Click to copy
#14FF82
Click to copy

Split Complementary

#FF1493
Click to copy
#1CFF14
Click to copy
#14FFF7
Click to copy
99%

Triadic

#FF1493
Click to copy
#92FF14
Click to copy
#1492FF
Click to copy

Tetradic

#FF1493
Click to copy
#FFF714
Click to copy
100%
#14FF82
Click to copy
#141CFF
Click to copy

Square

#FF1493
Click to copy
#FFF714
Click to copy
100%
#14FF82
Click to copy
#141CFF
Click to copy

CSS & Dev Snippets

CSS
.deep-pink {
  color: #FF1493;
}
SCSS
$deep-pink: #FF1493;
RGB
rgb(255, 20, 147)

Accessibility & Contrast

White background

3.64:1
3.64
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.77:1
5.77
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags