CSS named color
Goldenrod
#DAA520
HEX
#daa520RGB
rgb(218, 165, 32)HSL
hsl(43, 74%, 49%)OKLCH
oklch(75.16% 0.1469 83.99)NAME
goldenrodPalette
Complementary
180° on the color wheelComplement
#2055D9
Analogous
±30° around the base hueLeft
#D94920
Right
#B1D920
Triadic
±120° for harmonic contrastTriad 1
#20D9A5
Triad 2
#A520D9
Shades
Lighter and darker variantsCSS usage
By name
color: goldenrod;
background-color: goldenrod;By HEX
color: #daa520;
background-color: #daa520;By RGB
color: rgb(218, 165, 32);
background-color: rgb(218, 165, 32);By HSL
color: hsl(43, 74%, 49%);
background-color: hsl(43, 74%, 49%);WCAG contrast vs white
Aa
2.24:1
Below minimum
WCAG contrast vs black
Aa
9.38:1
AAA
Related colors
FAQ — Goldenrod
What is the HEX code for Goldenrod?
The HEX code for Goldenrod is #DAA520. It's one of the 148 named CSS colors and can be used directly in CSS as color: goldenrod; or color: #daa520;
What is Goldenrod in RGB?
Goldenrod in RGB is rgb(218, 165, 32) — red 218, green 165, blue 32.
What is Goldenrod in HSL?
Goldenrod in HSL is hsl(43, 74%, 49%) — hue 43°, saturation 74%, lightness 49%.
What is the complementary color of Goldenrod?
The complementary color (directly opposite Goldenrod on the color wheel) is #2055D9. The two together produce maximum contrast.
Is white text readable on Goldenrod?
The WCAG contrast ratio against white (#FFFFFF) is 2.24:1, and against black (#000000) it's 9.38:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.