Colormapped
Color reference

Hot Pink #FF69B4

Hot Pink is the CSS named color hotpink at #FF69B4, a vivid high-lightness pink.

Hot Pink is the CSS named color keyword hotpink, standardized at #FF69B4 in sRGB.

Hot Pink #FF69B4 7.93:1 with black text

Color values

HEX#FF69B4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HSV330°, 59%, 100%
CMYK0%, 59%, 29%, 0%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 7.93:1 — AA normal text passes
White text 2.65:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Hot Pink

These steps are computed by RGB-mixing #FF69B4 toward white or black. They are generated values, not official named colors.

80% tint #FFE1F0
60% tint #FFC3E1
40% tint #FFA5D2
20% tint #FF87C3
Base #FF69B4
20% shade #CC5490
40% shade #993F6C
60% shade #662A48
80% shade #331524

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: hotpink;
}

You can use either hotpink or #FF69B4 in CSS; both resolve to the same sRGB color.