# Hot Pink Color (#FF69B4)

> Hot Pink is a CSS named color defined as hex code #FF69B4.

- **URL**: https://swatchatlas.com/colors/hot-pink/
- **Language**: English (en)
- **CSS Name**: `hotpink`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #FF69B4
- **RGB**: rgb(255, 105, 180)
- **HSL**: hsl(330, 100%, 71%)
- **HSV/HSB**: hsv(330, 59%, 100%)
- **CMYK**: cmyk(0%, 59%, 29%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.728 0.197 352.0)

## What Colors Go With Hot Pink
Contrast is each color on Hot Pink (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 7.93:1, text-safe. The strongest partner: maximum contrast for bold, graphic layouts.
- **Midnight Blue (#191970)**: 5.61:1, text-safe. A softer alternative to black that still carries text on hot pink.
- **Indigo (#4B0082)**: 4.89:1, text-safe. A deep violet that stays in the same cool-pink family.
- **Gold (#FFD700)**: 1.89:1, background or accent. A playful, high-energy accent for festive and retail designs.
- **Turquoise (#40E0D0)**: 1.61:1, background or accent. A bright blue-green that clashes on purpose for a retro look.
- **White (#FFFFFF)**: 2.65:1, background or accent. Clean space around hot pink blocks; not for text on hot pink.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Hot Pink**: 7.93:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Hot Pink**: 2.65:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Hot Pink**: 5.83:1 (Passes AA for all text; AAA for large text only)
- **Mid Gray (#666666) text on Hot Pink**: 2.17:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Hot Pink?
Yes. Black text on Hot Pink has a WCAG 2.2 contrast ratio of 7.93:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Hot Pink?
No. White text on Hot Pink has a WCAG 2.2 contrast ratio of only 2.65:1, below the 3:1 minimum even for large text.

### What colors go with Hot Pink?
Black, Midnight Blue, Indigo, Gold, Turquoise and White all go well with Hot Pink. Black (7.93:1), Midnight Blue (5.61:1) and Indigo (4.89:1) have enough contrast for text on Hot Pink; Gold, Turquoise and White work better as a background or accent.

### Is Hot Pink the same as Deep Pink?
No. Hot Pink (#FF69B4) is lighter and softer, while Deep Pink (#FF1493) is darker and more intense. Both lean toward magenta, with hues of 330° and 328°.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/hot-pink-1920x1080.png