DeepPink Color — HEX, RGB, HSL, Palettes & Contrast

DeepPink (#ff1493): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ff1493
HEX #ff1493
RGB rgb(255, 20, 147)
HSL 328°, 100%, 54%

Use DeepPink in Your Projects

About DeepPink Color

DeepPink is a vivid, intense pink that radiates energy and excitement. It is popular in fashion, beauty, and entertainment branding.

Use Cases for DeepPink

fashion brandsbeauty productsentertainmentvalentine themesbold accents

Shades & Tints of DeepPink

#ffffff
#ffc4e4
#ff8ac9
#ff4fae
#ff1493
#bf0f6e
#800a4a
#400525
#000000

Complementary Color

#ff1493
#14ff82

Analogous Colors

#f714ff
#ff1493
#ff141c

Triadic Colors

#ff1493
#92ff14
#1492ff

Split Complementary

#ff1493
#1cff14
#14fff7

Tetradic Colors

#ff1493
#ff8214
#14ff82
#1492ff

CSS Code

.deeppink-color {
  color: #ff1493;
  background-color: #ff1493;
}

/* As a CSS custom property */
:root {
  --color-deeppink: #ff1493;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DeepPink
Ratio: 5.77:1 ✓ Passes AA ✗ Fails AAA
White text on DeepPink
Ratio: 3.64:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is DeepPink?

DeepPink is represented by the hex code #ff1493 and has RGB values of rgb(255, 20, 147). It falls under the Pink category.

How to use DeepPink in web design?

DeepPink works well for fashion brands, beauty products, entertainment. DeepPink is a vivid, intense pink that radiates energy and excitement. It is popular in fashion, beauty, and entertainment branding. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DeepPink?

Colors that pair well with DeepPink include hotpink, mediumvioletred, palevioletred, pink, magenta. For a complementary scheme, try #14ff82. For an analogous scheme, use #f714ff and #ff141c. For a triadic scheme, combine with #92ff14 and #1492ff.