A vivid medium pink, black text passes AA
What color is deeppink?
deeppink is a vivid medium pink: #ff1493 in hex, rgb(255 20 147). Black text on it reaches 5.77:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | deeppink |
| Hex | #ff1493 |
| RGB | rgb(255 20 147) |
| HSL | hsl(328 100% 54%) |
| OKLCH | oklch(65.5% 0.261 356.9) |
| Nearest Tailwind color | pink-500 #f6339a, 0.024 away in OKLab |
| White text | 3.64:1: AA fails, AAA fails, large text passes |
| Black text | 5.77:1: AA passes, AAA fails, large text passes |
About deeppink
In OKLCH terms deeppink has a lightness of 65.5%, a chroma of 0.261 and a hue of 356.9 degrees, a vivid medium pink to the eye.
HSL calls its lightness 54%, OKLCH 65.5%: 12 points between a formula and a measure of what the eye sees. The nearest CSS named color, hotpink (#ff69b4), is 0.099 away in OKLab: related, but plainly a different color.
With black text, deeppink passes AA at 5.77:1. White text, at 3.64:1, does not. In the hue-sorted table of named colors it sits between palevioletred and mediumvioletred.
In Tailwind CSS 4.3.3 the nearest default color is pink-500 (#f6339a), 0.024 away in OKLab; for the exact color, an arbitrary value such as bg-[#ff1493] works.
Tints and shades
- #ffe1ec
- #ffc2da
- #ffa2c8
- #ff7fb6
- #ff58a4
- #ff1493
- #c80d72
- #940753
- #630336
- #36011b
- #0f0004
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
- #ff1493
- #331b22
- #fcdee5
- #783c56
- #daa5b6
Locked as the first of five swatches, deeppink gets #331b22, #fcdee5, #783c56, #daa5b6 from Recolor's generator, a monochromatic palette, one hue in five lightnesses. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using deeppink
As a text color, deeppink on a black page gives the same 5.77:1.
.notice {
background-color: deeppink; /* #ff1493 */
color: black; /* 5.77:1 */
}Common questions
Does white text pass WCAG AA on deeppink?
No. White text measures 3.64:1 on deeppink, under AA's 4.5:1; black text measures 5.77:1 and passes.
Can deeppink be written in OKLCH?
Yes: oklch(65.5% 0.261 356.9), computed from #ff1493. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to deeppink?
No. The nearest, hotpink (#ff69b4), is 0.099 away in OKLab, a different color.