CSS named color
Gold
#FFD700
HEX
#ffd700RGB
rgb(255, 215, 0)HSL
hsl(51, 100%, 50%)OKLCH
oklch(88.68% 0.1822 95.33)NAME
goldPalette
Complementary
180° on the color wheelComplement
#0026FF
Analogous
±30° around the base hueLeft
#FF5900
Right
#A6FF00
Triadic
±120° for harmonic contrastTriad 1
#00FFD9
Triad 2
#D900FF
Shades
Lighter and darker variantsCSS usage
By name
color: gold;
background-color: gold;By HEX
color: #ffd700;
background-color: #ffd700;By RGB
color: rgb(255, 215, 0);
background-color: rgb(255, 215, 0);By HSL
color: hsl(51, 100%, 50%);
background-color: hsl(51, 100%, 50%);WCAG contrast vs white
Aa
1.40:1
Below minimum
WCAG contrast vs black
Aa
14.97:1
AAA
Related colors
FAQ — Gold
What is the HEX code for Gold?
The HEX code for Gold is #FFD700. It's one of the 148 named CSS colors and can be used directly in CSS as color: gold; or color: #ffd700;
What is Gold in RGB?
Gold in RGB is rgb(255, 215, 0) — red 255, green 215, blue 0.
What is Gold in HSL?
Gold in HSL is hsl(51, 100%, 50%) — hue 51°, saturation 100%, lightness 50%.
What is the complementary color of Gold?
The complementary color (directly opposite Gold on the color wheel) is #0026FF. The two together produce maximum contrast.
Is white text readable on Gold?
The WCAG contrast ratio against white (#FFFFFF) is 1.40:1, and against black (#000000) it's 14.97:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.