Skip to content
  • No data uploaded
  • Instant results

Deep Pink — #FF1493

Deep Pink is the CSS named colour deeppink, hex #FF1493. It has a contrast ratio of 3.64:1 on white and 5.77:1 on black — best used as text on dark backgrounds.

Deep Pink — #FF1493

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

Tints
Shades
Complementary
Triadic
Analogous

Free Deep Pink — #FF1493 by pGento

Using Deep Pink in code

CSS: color: deeppink; or color: #FF1493; · Tailwind: text-[#FF1493] · Android/Flutter: 0xFFFF1493

Deep Pink colour harmonies

Complementary: #14FF80 · Triadic: #93FF14, #1493FF · Analogous: #F614FF, #FF141D. Use tints for backgrounds and shades for hover states.

Deep Pink in every colour format

FormatValue
HEX#FF1493
RGBrgb(255, 20, 147)
HSLhsl(328, 100%, 54%)
HSVhsv(328, 92%, 100%)
CMYKcmyk(0%, 92%, 42%, 0%)
CSS namedeeppink
Contrast on white3.64:1
Contrast on black5.77:1

Frequently asked questions

What is the hex code for Deep Pink?
#FF1493 (CSS name: deeppink).
What is Deep Pink in RGB?
rgb(255, 20, 147)
What colour goes well with Deep Pink?
Its complementary colour #14FF80, or the analogous #F614FF and #FF141D.
Deep Pink — #FF1493

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.