Hot Pink Color Hex Code, RGB & HSL Values

What is the meaning of the Hot Pink color?

Hot Pink is a highly vibrant, neon pink color. It represents high-spirited energy, creative boldness, and modern pop culture, serving as an eye-catching highlight for fashion and youth brands.

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

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

What are the RGB and HSL codes of Hot Pink?

The RGB breakdown for Hot Pink is rgb(255, 105, 180). In HSL space, it translates to 330° hue, 100% saturation, and 71% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Hot Pink color

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

Red Channel 255

Green Channel 105

Blue Channel 180

Luminance 0.347

⇄ Hot Pink Color Space Conversions

Click to copy format

HEX Color Code #FF69B4

RGB (Red Green Blue) rgb(255, 105, 180)

HSL (Hue Sat Light) hsl(330°, 100%, 71%)

CMYK (Commercial Print) cmyk(0%, 59%, 29%, 0%)

HSV / HSB Values hsv(330°, 59%, 100%)

Decimal Color Code 16738740

CSS Custom Variable --color-hex: #FF69B4;

Tailwind CSS Utility bg-[#FF69B4]

CSS Named Color hotpink

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FF69B4

Small body copy preview

Black Text on Background

Black text readability test with #FF69B4

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 Hot Pink */
--color-hex: #FF69B4;
--color-rgb: rgb(255, 105, 180);
--color-hsl: hsl(330deg, 100%, 71%);
--color-name: hotpink;

Aa Known Color Aliases

✦ Hot Pink Color Meaning

In design psychology, Hot Pink is classified as a pink shade, inheriting its psychological associations. The pink hue 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

SweetnessWarmthPlayfulnessRomance

Industries

ConfectioneryHealthcareBeauty & Cosmetics