Gold is a medium, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFD700, which equals rgb(255, 215, 0) in RGB and hsl(51, 100%, 50%) in HSL. In print terms it converts to roughly C0 M16 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFD700 - RGB
255, 215, 0 - HSL
51°, 100%, 50% - CMYK
0, 16, 100, 0 - Family
Yellow - Tone
Medium, vivid
About Gold
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 14.97:1. Its complementary color is #0026FF.
Download Gold as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Gold color codes
| HEX | #FFD700 |
|---|---|
| RGB | rgb(255, 215, 0) |
| HSL | hsl(51, 100%, 50%) |
| HSV | 51°, 100%, 100% |
| CMYK | 0%, 16%, 100%, 0% |
| Decimal | 16766720 |
Shades and tints of Gold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF8D5 - 100
#FFF2AA - 200
#FFEB80 - 300
#FFE455 - 400
#FFDE2B - 500
#FFD700 - 600
#D5B300 - 700
#AA8F00 - 800
#806C00 - 900
#554800 - 950
#2B2400
Color harmonies for Gold
- Complementary
#0026FF≈ Pure Cobalt - Analogous −30°
#FF5900≈ Pure Cinnabar - Analogous +30°
#A6FF00≈ Pure Chartreuse - Triadic +120°
#00FFD9≈ Pure Turquoise - Triadic +240°
#D900FF≈ Pure Orchid - Split 150°
#00A6FF≈ Pure Capri - Split 210°
#5900FF≈ Pure Iris
Contrast and accessibility of Gold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Gold | Aa | 1.40:1 | Fails |
| Black text on Gold | Aa | 14.97:1 | AAA (excellent) |
CSS code for Gold
background-color: #FFD700;color: #FFD700;background-color: rgb(255, 215, 0);background-color: hsl(51, 100%, 50%);:root { --color-gold: #FFD700; }class="bg-[#FFD700]"Colors similar to Gold
- Pure Marigold
#FFCC00 - Pure Gold
#FFE500 - Amber
#FFBF00 - Bright Gold
#E6D119 - Medium Light Marigold
#FFD429 - Lemon
#FFF700 - Bright Yellow
#E5E619 - Medium Light Gold
#FFEA29 - Medium Dark Yellow
#D6D600 - Pure Amber
#FFB200 - Medium Light Amber
#FFBF29 - Bright Marigold
#E6BD19
More yellow shades
- Khaki
#F0E68C - Lemon Chiffon
#FFFACD - Light Yellow
#FFFFE0 - Cornsilk
#FFF8DC - Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58
Frequently asked questions
What is the HEX code for Gold?
The HEX code for Gold is #FFD700.
What is the RGB value of Gold?
Gold has an RGB value of 255, 215, 0 (rgb(255, 215, 0)). In HSL it is 51°, 100%, 50%.
What text color should I use on Gold?
Use black text on Gold. White text has a contrast ratio of 1.40:1 and black text has 14.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Gold?
The complementary color of Gold is #0026FF. Analogous colors #FF5900 and #A6FF00 also pair well.