LightGoldenrodYellow Color

Learn about LightGoldenrodYellow (#fafad2): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#fafad2
HEX #fafad2
RGB rgb(250, 250, 210)
HSL 60°, 80%, 90%

About LightGoldenrodYellow Color

LightGoldenrodYellow is a pale, warm yellow that creates a cheerful, sunny backdrop. It is perfect for blog backgrounds and children-friendly designs.

Use Cases for LightGoldenrodYellow

blog backgroundschildren siteshappy themessunny designeducational

Shades & Tints of LightGoldenrodYellow

#ffffff
#fefef4
#fdfde9
#fbfbdd
#fafad2
#bcbc9e
#7d7d69
#3f3f35
#000000

Complementary Color

#fafad2
#d1d1fa

Analogous Colors

#fae6d1
#fafad2
#e6fad1

CSS Code

.lightgoldenrodyellow-color {
  color: #fafad2;
}

Contrast Recommendations

Black text on LightGoldenrodYellow
Ratio: 19.67:1 ✓ Passes AA ✓ Passes AAA
White text on LightGoldenrodYellow
Ratio: 1.07:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightGoldenrodYellow?

LightGoldenrodYellow is represented by the hex code #fafad2 and has RGB values of rgb(250, 250, 210). It falls under the Yellow category.

How to use LightGoldenrodYellow in web design?

LightGoldenrodYellow works well for blog backgrounds, children sites, happy themes. LightGoldenrodYellow is a pale, warm yellow that creates a cheerful, sunny backdrop. It is perfect for blog backgrounds and children-friendly designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightGoldenrodYellow?

Colors that pair well with LightGoldenrodYellow include lightyellow, beige, khaki, palegoldenrod, ivory. For a complementary scheme, try #d1d1fa. For an analogous scheme, use #fae6d1 and #e6fad1.