CSS named color
LightGoldenrodYellow
#FAFAD2
HEX
#fafad2RGB
rgb(250, 250, 210)HSL
hsl(60, 80%, 90%)OKLCH
oklch(97.50% 0.0518 107.32)NAME
lightgoldenrodyellowPalette
Complementary
180° on the color wheelComplement
#D1D1FA
Analogous
±30° around the base hueLeft
#FAE6D1
Right
#E6FAD1
Triadic
±120° for harmonic contrastTriad 1
#D1FAFA
Triad 2
#FAD1FA
Shades
Lighter and darker variantsCSS usage
By name
color: lightgoldenrodyellow;
background-color: lightgoldenrodyellow;By HEX
color: #fafad2;
background-color: #fafad2;By RGB
color: rgb(250, 250, 210);
background-color: rgb(250, 250, 210);By HSL
color: hsl(60, 80%, 90%);
background-color: hsl(60, 80%, 90%);WCAG contrast vs white
Aa
1.07:1
Below minimum
WCAG contrast vs black
Aa
19.67:1
AAA
Related colors
FAQ — LightGoldenrodYellow
What is the HEX code for LightGoldenrodYellow?
The HEX code for LightGoldenrodYellow is #FAFAD2. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightgoldenrodyellow; or color: #fafad2;
What is LightGoldenrodYellow in RGB?
LightGoldenrodYellow in RGB is rgb(250, 250, 210) — red 250, green 250, blue 210.
What is LightGoldenrodYellow in HSL?
LightGoldenrodYellow in HSL is hsl(60, 80%, 90%) — hue 60°, saturation 80%, lightness 90%.
What is the complementary color of LightGoldenrodYellow?
The complementary color (directly opposite LightGoldenrodYellow on the color wheel) is #D1D1FA. The two together produce maximum contrast.
Is white text readable on LightGoldenrodYellow?
The WCAG contrast ratio against white (#FFFFFF) is 1.07:1, and against black (#000000) it's 19.67:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.