Hot Pink (CSS)

Hot Pink (CSS) is a light, saturated magenta color with the hex code #FF69B4 (hue 330°, saturation 100%, lightness 71%). It is also the CSS named color hotpink.

#FF69B4

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Hot Pink (CSS)	`#FF69B4`	255, 105, 180	330°, 100%, 71%	0, 59, 29, 0	72.8% 0.197 352

Contrast with white text 2.65:1, with black text 7.93:1 — use black text on Hot Pink (CSS).

hotpink is one of the 148 named colors in CSS, with exactly this value, so color: hotpink works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#FFCCE6

#FF80BF

#FF3399

#E60073

#99004D

#4D0026

Colors that go with Hot Pink (CSS)

Six color schemes built on Hot Pink (CSS) with classic harmony rules. The complementary scheme pairs it with Venice Green (#6BFFB3), the color opposite it on the color wheel.

Nearest CSS named colors

Pale Violet Red (palevioletred): Pale Violet Red (#DB7093) is darker than Hot Pink (CSS) (relative luminance 0.288 vs 0.347) and less saturated, with its hue 10° away.
Orchid (CSS) (orchid): Orchid (CSS) (#DA70D6) is darker than Hot Pink (CSS) (relative luminance 0.313 vs 0.347) and less saturated, with its hue 28° away.
Violet (CSS) (violet): Violet (CSS) (#EE82EE) is lighter than Hot Pink (CSS) (relative luminance 0.403 vs 0.347) and less saturated, with its hue 30° away.
Deep Pink (deeppink): Deep Pink (#FF1493) is darker than Hot Pink (CSS) (relative luminance 0.239 vs 0.347) and equally saturated, with the same hue.

Gradients with Hot Pink (CSS)

Similar light pink colors

Questions

What is the hex code for Hot Pink (CSS)?

#FF69B4 — RGB 255, 105, 180, HSL 330°, 100%, 71%.

Is Hot Pink (CSS) a warm or cool color?

Warm — its hue sits at 330° on the color wheel.