ع

Deep Pink

وردي عميق

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.2387
Pink CSS Named ColorsVivid & Neon Colors Neutral

Shades of Deep Pink

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text3.64:1
✗ AA✗ AAA✓ AA Large
Black text5.77:1
✓ AA✗ AAA✓ AA Large
On white3.64:1
✗ AA✗ AAA✓ AA Large
On black5.19:1
✓ AA✗ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Deep Pink

Full-color background with readable text.

Get started

About Deep Pink

Deep Pink (#FF1493) is a medium, highly saturated color from the Pink family with a neutral character. It is made of 255 red, 20 green and 147 blue (hsl(328, 100%, 54%)). Its contrast ratio is 3.64:1 against white and 5.77:1 against black, so dark text reads best on it.

Suggested uses

  • buttons, highlights and calls to action
  • logos and brand accents
  • balancing stronger accent colors

Reading the codes

In HEX, #FF1493 stores red, green and blue as pairs of base-16 digits: 255, 20 and 147 out of 255. In HSL the same color has a hue of 328°, 100% saturation and 54% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#FF007FRose#FC5A8DStrawberry#C54B8CMulberry#FF69B4Hot Pink#FF1DCEHot Magenta#DE3163Cerise#DB7093Pale Violet Red#E30B5CRaspberry#C71585Medium Violet Red#FC6C85Watermelon

Palettes with this color

Electric Night#0D0221 #261447 #FF3864 #2DE2E6 #F6019DColor Block#FF006E #FB5607 #FFBE0B #3A86FF #8338ECFresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476FProduct Launch#111827 #4F46E5 #22D3EE #F9FAFB #F43F5E

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Deep Pink?
The HEX code of Deep Pink is #FF1493. In RGB it is rgb(255, 20, 147) and in HSL hsl(328, 100%, 54%).
Which text color works on Deep Pink?
White text has a contrast ratio of 3.64:1 on Deep Pink and black text 5.77:1, so black text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Deep Pink?
Rotating the hue of Deep Pink by 180° gives #14FF80, its complementary color on the RGB color wheel.
What is Deep Pink in CMYK?
An approximate CMYK value for Deep Pink is cmyk(0%, 92%, 42%, 0%). For printing, ask your printer for an ICC-profiled conversion.