14.97:1
Gold
#FFD700#FFD700 is the CSS gold, a bright yellow-orange that suggests gold without the shine of real metal. Screens can't show metallic sheen, so gold in design usually relies on this color plus gradients or texture. Black text on it reaches 15:1; white text fails at 1.4:1.
HEX#FFD700
RGBrgb(255, 215, 0)
HSLhsl(51, 100%, 50%)
OKLCHoklch(88.7% 0.182 95.3)
CMYKcmyk(0%, 16%, 100%, 0%)
CMYK is an approximate screen conversion, not for print matching.Lighter and darker
Ten steps toward white and ten toward black, with gold in the middle. Click a step to copy its hex code.
LightestGold #FFD700Darkest
Readability
White text on goldNormal text at 16px. The quick brown fox jumps over the lazy dog.
1.4:1
- Fails AA and AAA
Dark text on goldNormal text at 16px. The quick brown fox jumps over the lazy dog.
14.97:1
- Passes AA normal
- Passes AA large
- Passes AAA normal
- Passes AAA large
Colors that go with gold
#FFD700#0028FF
Complementary
The opposite on the color wheel#FF5700#FFD700#A7FF00
Analogous
Its two neighbors#FFD700#00FFD7#D700FF
Triadic
Three evenly spaced colors#FFD700#00A7FF#5700FF
Split-complementary
The two colors beside its oppositeGold color palettes
Monochrome
Lighter and darker versions of the same color.Analogous
Neighbors on the color wheel, for a calm, related look.Complementary
The color with its opposite, for strong contrast.Triadic
Three colors evenly spaced around the wheel, with a light and dark version.Similar colors
- Sunflower Yellow#FFDA03
- Cyber Yellow#FFD300
- Golden Yellow#FFDF00
- Banana Yellow#FFE135
- Mustard Yellow#FFDB58
- Dandelion#FED85D
- Naples Yellow#FADA5E
- Saffron#F4C430
Questions about gold
What is the hex code for gold?
The hex code for gold is #FFD700. In RGB it's rgb(255, 215, 0), and in HSL it's hsl(51, 100%, 50%).
What colors go with gold?
Its complementary color is #0028FF. For a calmer look, try the analogous colors #FF5700 and #A7FF00, or one of the palettes above, which all include gold.
Is text readable on gold?
Dark text is the better choice, with a contrast ratio of 14.97:1. That passes WCAG AA for normal text.