A vivid light pink, black text passes AA
What color is lightpink?
The CSS named color lightpink is #ffb6c1, or rgb(255 182 193): a vivid light pink in plain words. Black text on it reaches 12.71:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | lightpink |
| Hex | #ffb6c1 |
| RGB | rgb(255 182 193) |
| HSL | hsl(351 100% 86%) |
| OKLCH | oklch(84.7% 0.086 9.1) |
| Nearest Tailwind color | red-200 #ffc9c9, 0.045 away in OKLab |
| White text | 1.65:1: AA fails, AAA fails, large text fails |
| Black text | 12.71:1: AA passes, AAA passes, large text passes |
About lightpink
In OKLCH terms lightpink has a lightness of 84.7%, a chroma of 0.086 and a hue of 9.1 degrees, a vivid light pink to the eye. CSS Color 4 itself points out that lightpink is darker than pink: in OKLCH lightness, 84.7% against 86.8%.
Here HSL's lightness, 86%, lands near OKLCH's 84.7%, which is not true of every color. Among the CSS keywords, pink (#ffc0cb) comes closest at 0.024 in OKLab, close enough to stand in for it in a sketch.
For text, lightpink wants black: 12.71:1 clears even AAA's 7:1, and white at 1.65:1 fails AA. Its neighbors in the hue-sorted list of names are pink and hotpink.
The closest Tailwind 4.3.3 color is red-200, 0.045 away in OKLab, so bg-red-200 comes near; bg-[#ffb6c1] gives the color itself.
Tints and shades
- #fff3f4
- #ffe7ea
- #ffdbe0
- #ffcfd5
- #ffc2cb
- #ffb6c1
- #c88e97
- #94686f
- #634449
- #362426
- #0f0708
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
- #ffb6c1
- #23181e
- #9b6b76
- #ffded6
- #8b4c2a
Locked as the first of five swatches, lightpink gets #23181e, #9b6b76, #ffded6, #8b4c2a from Recolor's generator, an analogous palette, hues next to each other on the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using lightpink
As a text color, lightpink on a black page gives the same 12.71:1.
.notice {
background-color: lightpink; /* #ffb6c1 */
color: black; /* 12.71:1 */
}Common questions
Does white text pass WCAG AA on lightpink?
No. White text measures 1.65:1 on lightpink, under AA's 4.5:1; black text measures 12.71:1 and passes.
Can lightpink be written in OKLCH?
Yes: oklch(84.7% 0.086 9.1), computed from #ffb6c1. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightpink?
Yes: pink (#ffc0cb) is the nearest, 0.024 away in OKLab, then thistle at 0.063.