A pale yellow, black text passes AA
What color is lightyellow?
The CSS named color lightyellow is #ffffe0, or rgb(255 255 224): a pale yellow in plain words. Black text on it reaches 20.63:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | lightyellow |
| Hex | #ffffe0 |
| RGB | rgb(255 255 224) |
| HSL | hsl(60 100% 94%) |
| OKLCH | oklch(99.2% 0.040 107.1) |
| Nearest Tailwind color | lime-50 #f7fee7, 0.014 away in OKLab |
| White text | 1.02:1: AA fails, AAA fails, large text fails |
| Black text | 20.63:1: AA passes, AAA passes, large text passes |
About lightyellow
Measured in OKLCH, lightyellow comes out at lightness 99.2%, chroma 0.040 and hue 107.1 degrees: a pale yellow.
Here HSL's lightness, 94%, lands near OKLCH's 99.2%, which is not true of every color. The CSS keyword cornsilk (#fff8dc) is almost the same color: 0.017 apart in OKLab, under the step most people notice.
Black on lightyellow reads at 20.63:1, enough for AAA body text; white reaches 1.02:1 and should stay off it. Its neighbors in the hue-sorted list of names are saddlebrown and lemonchiffon.
The closest Tailwind 4.3.3 color is lime-50, 0.014 away in OKLab, so bg-lime-50 comes very close; bg-[#ffffe0] gives the color itself.
Tints and shades
- #fffffa
- #fffff5
- #fffff0
- #ffffeb
- #ffffe5
- #ffffe0
- #c8c8af
- #949481
- #636356
- #36362e
- #0f0f0b
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
- #ffffe0
- #54512a
- #d6cd7c
- #262807
- #878200
Around lightyellow as swatch 1, Recolor's generator made a monochromatic palette, one hue in five lightnesses: #54512a, #d6cd7c, #262807, #878200, drawn from a seed fixed by its hex. Open it in Recolor.
Using lightyellow
As a text color, lightyellow on a black page gives the same 20.63:1.
.notice {
background-color: lightyellow; /* #ffffe0 */
color: black; /* 20.63:1 */
}Common questions
Does white text pass WCAG AA on lightyellow?
No. White text measures 1.02:1 on lightyellow, under AA's 4.5:1; black text measures 20.63:1 and passes.
Can lightyellow be written in OKLCH?
Yes: oklch(99.2% 0.040 107.1), computed from #ffffe0. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightyellow?
Yes: cornsilk (#fff8dc) is the nearest, 0.017 away in OKLab, then lightgoldenrodyellow at 0.021.