A pale yellow, black text passes AA
What color is lightgoldenrodyellow?
lightgoldenrodyellow is a pale yellow: #fafad2 in hex, rgb(250 250 210). Black text on it reaches 19.67:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lightgoldenrodyellow |
| Hex | #fafad2 |
| RGB | rgb(250 250 210) |
| HSL | hsl(60 80% 90%) |
| OKLCH | oklch(97.5% 0.052 107.3) |
| Nearest Tailwind color | amber-100 #fef3c6, 0.019 away in OKLab |
| White text | 1.07:1: AA fails, AAA fails, large text fails |
| Black text | 19.67:1: AA passes, AAA passes, large text passes |
About lightgoldenrodyellow
Measured in OKLCH, lightgoldenrodyellow comes out at lightness 97.5%, chroma 0.052 and hue 107.3 degrees: a pale yellow.
HSL calls its lightness 90%, OKLCH 97.5%: 7 points between a formula and a measure of what the eye sees. Its nearest CSS named color, lemonchiffon (#fffacd), is 0.009 away in OKLab, too close to tell apart by eye.
Black on lightgoldenrodyellow reads at 19.67:1, enough for AAA body text; white reaches 1.07:1 and should stay off it. In the hue-sorted table of named colors it sits between cornsilk and yellow.
In Tailwind CSS 4.3.3 the nearest default color is amber-100 (#fef3c6), 0.019 away in OKLab; for the exact color, an arbitrary value such as bg-[#fafad2] works.
Tints and shades
- #fefef8
- #fdfdf0
- #fcfde9
- #fcfce1
- #fbfbda
- #fafad2
- #c4c4a4
- #919179
- #616150
- #35352b
- #0e0e0a
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
- #fafad2
- #705800
- #c1c59f
- #151d07
- #31a832
Around lightgoldenrodyellow as swatch 1, Recolor's generator made an analogous palette, hues next to each other on the wheel: #705800, #c1c59f, #151d07, #31a832, drawn from a seed fixed by its hex. Open it in Recolor.
Using lightgoldenrodyellow
As a text color, lightgoldenrodyellow on a black page gives the same 19.67:1.
.notice {
background-color: lightgoldenrodyellow; /* #fafad2 */
color: black; /* 19.67:1 */
}Common questions
Does white text pass WCAG AA on lightgoldenrodyellow?
No. White text measures 1.07:1 on lightgoldenrodyellow, under AA's 4.5:1; black text measures 19.67:1 and passes.
Can lightgoldenrodyellow be written in OKLCH?
Yes: oklch(97.5% 0.052 107.3), computed from #fafad2. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightgoldenrodyellow?
Yes: lemonchiffon (#fffacd) is the nearest, 0.009 away in OKLab, then cornsilk at 0.017.