What is color #ffd700?
#ffd700 is Gold, a electric yellow tone with a warm character. It is popularized again by recent trend cycles and carries the mood of happiness.
Historically, this kind of color traces back to ochre clays of the Sahara. Today it appears across attention-grabbing notifications and food packaging for snacks.
To make the most of #ffd700, use it sparingly as an accent against a quieter backdrop, or combine it with analogous neighbors for harmonious palettes.
Conversions for #ffd700
HEX
#ffd700
RGB
255, 215, 0
HSL
51°, 100%, 50%
HSV
51°, 100%, 100%
CMYK
0%, 16%, 100%, 0%
XYZ
65.54, 69.86, 10.03
CIE-Lab
86.93, -1.92, 87.14
Web safe
#ffcc00
WCAG accessibility of #ffd700 (Gold)
On white
1.40 : 1
Sample #ffd700
Rating: Fail
On black
14.97 : 1
Sample #ffd700
Rating: AAA
Tones of Gold (desaturated variations of #ffd700)
Color harmonies for #ffd700
Colors similar to #ffd700
Gradients featuring #ffd700
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ffd700
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ffd700
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ffd700.
const color = "#ffd700";
CSS & Tailwind snippets for #ffd700
Background
.bg-ffd700 { background-color: #ffd700; }Text color
.text-ffd700 { color: #ffd700; }Border
.border-ffd700 { border: 1px solid #ffd700; }Box shadow
.shadow-ffd700 { box-shadow: 0 4px 14px #ffd70040; }CSS variable
:root { --color-ffd700: #ffd700; }Tailwind config
colors: {
'gold': '#ffd700',
}