A vivid medium pink, black text passes AA
What color is hotpink?
hotpink is a vivid medium pink: #ff69b4 in hex, rgb(255 105 180). Black text on it reaches 7.93:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | hotpink |
| Hex | #ff69b4 |
| RGB | rgb(255 105 180) |
| HSL | hsl(330 100% 71%) |
| OKLCH | oklch(72.8% 0.197 352.0) |
| Nearest Tailwind color | pink-400 #fb64b6, 0.014 away in OKLab |
| White text | 2.65:1: AA fails, AAA fails, large text fails |
| Black text | 7.93:1: AA passes, AAA passes, large text passes |
About hotpink
Measured in OKLCH, hotpink comes out at lightness 72.8%, chroma 0.197 and hue 352.0 degrees: a vivid medium pink.
HSL and OKLCH agree on how light it is, 71% and 72.8%. The nearest CSS named color, palevioletred (#db7093), is 0.081 away in OKLab: related, but plainly a different color.
Black on hotpink reads at 7.93:1, enough for AAA body text; white reaches 2.65:1 and should stay off it. In the hue-sorted table of named colors it sits between lightpink and palevioletred.
In Tailwind CSS 4.3.3 the nearest default color is pink-400 (#fb64b6), 0.014 away in OKLab; for the exact color, an arbitrary value such as bg-[#ff69b4] works.
Tints and shades
- #ffe8f2
- #ffd0e6
- #ffb8d9
- #ff9fcd
- #ff85c0
- #ff69b4
- #c8518c
- #943a67
- #632444
- #361023
- #0f0207
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #ff69b4
- #6f4155
- #f1d1e0
- #2e1723
- #9e7086
Around hotpink as swatch 1, Recolor's generator made a monochromatic palette, one hue in five lightnesses: #6f4155, #f1d1e0, #2e1723, #9e7086, drawn from a seed fixed by its hex. Open it in Recolor.
Using hotpink
As a text color, hotpink on a black page gives the same 7.93:1.
.notice {
background-color: hotpink; /* #ff69b4 */
color: black; /* 7.93:1 */
}Common questions
Does white text pass WCAG AA on hotpink?
No. White text measures 2.65:1 on hotpink, under AA's 4.5:1; black text measures 7.93:1 and passes.
Can hotpink be written in OKLCH?
Yes: oklch(72.8% 0.197 352.0), computed from #ff69b4. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to hotpink?
No. The nearest, palevioletred (#db7093), is 0.081 away in OKLab, a different color.