Pink family
Hot Pink color
A light, bright pink with cool undertones. The reference hot pink is #FF69B4, as defined by the CSS named color.
| HEX | #FF69B4 | |
|---|---|---|
| RGB | rgb(255, 105, 180) | |
| HSL | hsl(330, 100%, 71%) | |
| HSV | hsv(330, 59%, 100%) | |
| OKLCH | oklch(72.8% 0.197 352.0) | |
| CMYK* | 0, 59, 29, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is hot pink?
Hot pink is a bright, saturated pink. The CSS keyword hotpink, #FF69B4, is a little soft; the hot pink people chose in the xkcd survey is much more intense, close to neon. CSS also has deeppink, which is closer to the survey shade.
Hot Pink hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of hot pink in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Hot Pink | #FF69B4 | CSS named color | Reference shown on this page |
| Hot Pink | #FF028D | xkcd Color Survey | Noticeably different · 57% similar |
| Hot Pink | #FF028D | Color Names (meodai) | Noticeably different · 57% similar |
Hot Pink vs Fuchsia
#FF69B4
#FF00FF
Fuchsia is more purple and intense; hot pink is lighter and warmer. In numbers: the two are 34% similar (OKLab distance 0.165). See Fuchsia for its own codes.
Colors similar to hot pink
The closest named colors to #FF69B4 across all three sources, with their similarity in OKLab.
Tints and shades of hot pink
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with hot pink
Classic color-wheel combinations built on #FF69B4, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Hot Pink with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a hot pink background, black text is the better choice.
Use hot pink in CSS
.hot-pink {
color: #FF69B4;
/* or */ color: rgb(255 105 180);
/* or */ color: hsl(330 100% 71%);
/* or */ color: oklch(72.8% 0.197 352.0);
/* CSS keyword */ color: hotpink;
}