lightgoldenrodyellow — #FAFAD2
#FAFAD2
rgb(250, 250, 210) · hsl(60, 80%, 90%) · CSS keyword lightgoldenrodyellow
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lightgoldenrodyellow on white | 1.07:1 | — | — |
| lightgoldenrodyellow on black | 19.67:1 | AA | AA |
As a background, lightgoldenrodyellow takes black text: 19.67:1 against 1.07:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: lightgoldenrodyellow;
color: #fafad2;
color: rgb(250 250 210);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to lightgoldenrodyellow
- lemonchiffon — #FFFACD
- cornsilk — #FFF8DC
- beige — #F5F5DC
- lightyellow — #FFFFE0
- oldlace — #FDF5E6
- papayawhip — #FFEFD5
Frequently asked questions
What is the hex code for lightgoldenrodyellow?
The hex code for lightgoldenrodyellow is #FAFAD2 — RGB 250, 250, 210.
Can I use lightgoldenrodyellow for text?
Not on a white background. lightgoldenrodyellow reaches only 1.07:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on lightgoldenrodyellow be black or white?
Black — 19.67:1 against 1.07:1 the other way.
Other named colours
- lightgray — #D3D3D3
- lightgreen — #90EE90
- lightpink — #FFB6C1
- lightsalmon — #FFA07A
- lightseagreen — #20B2AA
- lightskyblue — #87CEFA
- lightslategray — #778899
- lightsteelblue — #B0C4DE
- lightyellow — #FFFFE0
- lime — #00FF00
- limegreen — #32CD32
- linen — #FAF0E6
#FAFAD2 in full — tints, shades and harmonies · All named colours · Colour reference