#FFD700
gold
#FFD700 is the CSS named color "gold", an exact match. In RGB it breaks down to red 255, green 215, and blue 0 out of 255 each. In HSL terms that's a hue of 51°, 100% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #ffd700 |
| RGB | rgb(255, 215, 0) |
| HSL | hsl(51° 100% 50%) |
| HSB | hsb(51° 100% 100%) |
| OKLCH | oklch(89% 0.182 95°) |
| OKLAB | oklab(89% -0.017 0.181) |
| LCH | lch(87% 86.6 88°) |
| CMYK | cmyk(0% 16% 100% 0%) |
Shades (darker)
#ffd700 · #e7c000 · #d0a900 · #b99200 · #a37c00
Tints (lighter)
#ffd700 · #ffdb13 · #ffdf1f · #ffe227 · #ffe62f
Shades mix #FFD700 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 1.40:1 — fails
On black: 14.97:1 — AAA
Frequently asked
- What is #FFD700 in RGB?
- #FFD700 is rgb(255, 215, 0) — red 255, green 215, blue 0 out of 255 each.
- Does #FFD700 pass WCAG contrast on a white background?
- It has a contrast ratio of 1.40:1 against white, which fails for normal text.
- What's a good background color to pair with #FFD700?
- Black text or a black background gives better contrast (14.97:1) than white (1.40:1).