#FFD700
Gold
Gold is a warm, metallic yellow-orange that represents wealth, prestige, and achievement. It has been the color of kings, trophies, and luxury since ancient times.
Gold Color Values
HEX#FFD700
RGB255, 215, 0
HSL51°, 100%, 50%
HSV51°, 100%, 100%
CMYK0%, 16%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #EFD200 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FADF22 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFC4B7 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #DADADA (~0.003% of population)
Gold as Text Color
Gold on White
1.4:1FAIL
Gold on Light Gray
1.3:1FAIL
Gold on Cream
1.3:1FAIL
Gold on Dark
12.2:1AAA
Gold on Black
15.0:1AAA
Gold on Soft Blue
1.2:1FAIL
Gold on Soft Green
1.2:1FAIL
Gold on Soft Pink
1.2:1FAIL
Nearest Tailwind Class
yellow-400
#FACC15
Nearest Pantone Match
Pantone Yellow
#FEDD00
CSS Variable Export
:root {
--color-gold: #FFD700;
--color-gold-rgb: 255, 215, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'gold': '#FFD700',
}Shades of Gold
#FFD900
#E0BF00
#C7A900
#A88F00
#8F7900
#705F00
#574A00
#383000
#1F1A00
#000000
Tints of Gold
#FFD900
#FFDD1F
#FFE138
#FFE657
#FFEA70
#FFEE8F
#FFF2A8
#FFF7C7
#FFFAE0
#FFFFFF
Color Harmonies
Complementary
#FFD700
#0026FF
Analogous
#FF5900
#FFD900
#A6FF00
Triadic
#FFD900
#00FFD9
#D900FF
Gold Text Preview
Heading in Gold
Body text in Gold. The quick brown fox jumps over the lazy dog.
White on Gold
Body text on a Gold background.
Gold text on dark background
Contrast: 12.6:1