A vivid light pink, black text passes AA
What color is pink?
pink is a vivid light pink: #ffc0cb in hex, rgb(255 192 203). Black text on it reaches 13.65:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | pink |
| Hex | #ffc0cb |
| RGB | rgb(255 192 203) |
| HSL | hsl(350 100% 88%) |
| OKLCH | oklch(86.8% 0.074 7.1) |
| Nearest Tailwind color | red-200 #ffc9c9, 0.024 away in OKLab |
| White text | 1.54:1: AA fails, AAA fails, large text fails |
| Black text | 13.65:1: AA passes, AAA passes, large text passes |
About pink
A vivid light pink is the plain description of pink: OKLCH lightness 86.8%, chroma 0.074, hue 7.1 degrees. CSS Color 4 itself points out that lightpink is darker than pink: in OKLCH lightness, 84.7% against 86.8%.
HSL and OKLCH agree on how light it is, 88% and 86.8%. The closest CSS named color is lightpink (#ffb6c1), 0.024 away in OKLab: near, and still a visible step from it side by side.
Black text on pink measures 13.65:1, past the 7:1 of WCAG AAA, while white text manages only 1.54:1. In the hue-sorted table of named colors it sits between purple and lightpink.
In Tailwind CSS 4.3.3 the nearest default color is red-200 (#ffc9c9), 0.024 away in OKLab; for the exact color, an arbitrary value such as bg-[#ffc0cb] works.
Tints and shades
- #fff5f6
- #ffeaed
- #ffe0e5
- #ffd5dc
- #ffcbd4
- #ffc0cb
- #c8969f
- #946e75
- #63494d
- #362629
- #0f0809
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
- #ffc0cb
- #93364d
- #96c1a3
- #431722
- #009fbc
Recolor's generator, with pink locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #93364d, #96c1a3, #431722, #009fbc. Open it in Recolor.
Using pink
As a text color, pink on a black page gives the same 13.65:1.
.notice {
background-color: pink; /* #ffc0cb */
color: black; /* 13.65:1 */
}Common questions
Does white text pass WCAG AA on pink?
No. White text measures 1.54:1 on pink, under AA's 4.5:1; black text measures 13.65:1 and passes.
Can pink be written in OKLCH?
Yes: oklch(86.8% 0.074 7.1), computed from #ffc0cb. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to pink?
Yes: lightpink (#ffb6c1) is the nearest, 0.024 away in OKLab, then thistle at 0.060.