- No data uploaded
- Instant results
Gold — #FFD700
Gold is the CSS named colour gold, hex #FFD700. It has a contrast ratio of 1.40:1 on white and 14.97:1 on black — best used as text on dark backgrounds.
Gold — #FFD700
Contrast on white 1.40:1 · on black 14.97:1
Tints
Shades
Complementary
Triadic
Analogous
Using Gold in code
CSS: color: gold; or color: #FFD700; · Tailwind: text-[#FFD700] · Android/Flutter: 0xFFFFD700
Gold colour harmonies
Complementary: #0028FF · Triadic: #00FFD7, #D700FF · Analogous: #FF5700, #A7FF00. Use tints for backgrounds and shades for hover states.
Gold in every colour format
| Format | Value |
|---|---|
| HEX | #FFD700 |
| RGB | rgb(255, 215, 0) |
| HSL | hsl(51, 100%, 50%) |
| HSV | hsv(51, 100%, 100%) |
| CMYK | cmyk(0%, 16%, 100%, 0%) |
| CSS name | gold |
| Contrast on white | 1.40:1 |
| Contrast on black | 14.97:1 |
Frequently asked questions
What is the hex code for Gold?
#FFD700 (CSS name: gold).
What is Gold in RGB?
rgb(255, 215, 0)
What colour goes well with Gold?
Its complementary colour #0028FF, or the analogous #FF5700 and #A7FF00.