Pink Color Family

Deep Pink Color Hex Code, RGB & HSL Values

Browse all Pink Colors

What is the meaning of the Deep Pink color?

Deep Pink is an intense, vivid purplish-pink color. It radiates passion, absolute confidence, and digital innovation, making it a popular choice for high-energy creative portfolios.

How to use the Deep Pink color hex code in HTML & CSS?

Developers can invoke Deep Pink color codes in stylesheets using color: #FF1493;. For modern CSS frameworks, set it as a variable --color-deep pink: #FF1493;, or implement it in Tailwind using bg-[#FF1493].

What are the RGB and HSL codes of Deep Pink?

The RGB breakdown for Deep Pink is rgb(255, 20, 147). In HSL space, it translates to 328° hue, 100% saturation, and 54% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Deep Pink color

For print design projects using CMYK ink models, Deep Pink corresponds to Cyan: 0%, Magenta: 92%, Yellow: 42%, and Black: 0%. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 255
Green Channel 20
Blue Channel 147
Luminance 0.239

Deep Pink Color Space Conversions

Click to copy format
HEX Color Code #FF1493
RGB (Red Green Blue) rgb(255, 20, 147)
HSL (Hue Sat Light) hsl(328°, 100%, 54%)
CMYK (Commercial Print) cmyk(0%, 92%, 42%, 0%)
HSV / HSB Values hsv(328°, 92%, 100%)
Decimal Color Code 16716947
CSS Custom Variable --color-hex: #FF1493;
Tailwind CSS Utility bg-[#FF1493]
CSS Named Color deeppink

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FF1493

Small body copy preview

Black Text on Background

Black text readability test with #FF1493

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Deep Pink */
--color-hex: #FF1493;
--color-rgb: rgb(255, 20, 147);
--color-hsl: hsl(328deg, 100%, 54%);
--color-name: deeppink;

Aa Known Color Aliases

Deep Pink deeppink (CSS Identifier) Vivid Deep PinkElectric PinkFuchsia Pink

Deep Pink Color Meaning

As a notable shade in the pink spectrum, Deep Pink embodies the core psychological traits of the pink color family. The pink spectrum is physiologically calming — studies in correctional facilities showed that painting cells a specific shade of pink (Baker-Miller Pink) reduced aggressive behavior in inmates within minutes. It combines the energetic power of red with white's purity, creating a color associated with love, tenderness, and care. In Western cultures, pink has strong gender associations with femininity, though globally it carries different meanings — in Japan it represents good health and prosperity. Hot pinks and magentas convey energy and confidence, while pastels suggest sweetness and innocence. Pink is increasingly used across all demographics as brands seek to communicate approachability and emotional warmth.

Emotions & Associations

CompassionNurturingPlayfulnessRomance

Industries

FashionChildrenConfectionery

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!