Color Gold yellow-orange (#ffd700):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Gold yellow-orange (#ffd700):
Its Meaning and Harmonious Color Matches in Design.

Gold is a color with a HTML hex code of #ffd700.

Hue Family:
yellow-oranges

yellow-oranges Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Gold / #ffd700

The HTML HEX code is #ffd700. The corresponding color name is "Gold". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 255%, Green (G): 215%, Blue (B): 0%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 16%, Yellow (Y):100%, Black (K): 0%. In the HSL color space, #ffd700 has a hue of 51°, saturation of 100%, and lightness of 50%. The HSV representation is 51° for hue, 100% for saturation, and 100% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 87, a* (green to red) = -2, and b* (blue to yellow) = 87. The XYZ representation is X: 66, Y: 70, Z: 10. In the YUV color space, it translates to Y (luminance) = 0.7939, U (chrominance) = -0.3907, and V (chrominance) = 0.1808.

The decimal value of the color is 16766720. The closest Web-safe HEX code is #FFCC00. Variations of the colour are #FFE866 for a 20% lighter version and #998200 for a 20% darker version.

For the color with hex value #ffd700, the correlated color temperature (CT) is estimated to be 3314 Kelvin (3314K).

The approximate wavelength of #ffd700 is around 598.00nm.

VALUECSS
HEX Codeffd700#ffd700
RGB Decimal Code255, 215, 0rgb(255, 215, 0)
CMYK0, 16, 100, 0/
HSL51°, 100%, 50%hsl(51°, 100%, 50%)
HSV51°, 100%, 100%/
CIE-LAB87, -2, 87/
XYZ 66, 70, 10/
YUV0.7939, -0.3907, 0.1808/
Decimal value16766720/
Web-Safe HEXFFCC00#FFCC00
Color Temperature (CT)3314 Kelvin (3314K)/
Estimate Wavelengtharound 598.00nm/

The Depth and Diversity of Gold (Hex: #ffd700): Exploring its Impact in Design and Culture

The hex color #ffd700, commonly known as Gold, bears similarity to the radiant hue of a blazing sunset. Its warm and gleaming tone evokes a sense of richness and luxury, akin to the shimmering glow of precious gold jewelry. Reflecting opulence and grandeur, Gold can be compared to the sparkling splendor of a treasure trove or the glowing embers of a crackling bonfire. This captivating color enchants the eye with its lustrous allure, reminiscent of glistening grains of golden sand on a sun-kissed beach.

Download Stunning Gold Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Gold Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Gold 4K Wallpaper

Immerse yourself in the beauty of our Gold 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Gold 4K Wallpaper

Tints and Shades of #ffd700 HEX color (Gold)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #ffd700, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #FFF5BF
  • #FFEB80
  • #FFE140
  • #ffd700
  • #BFA100
  • #806C00
  • #403600
  • #000000

Tones of Gold (#ffd700 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #ffd700, #ccb433 is the less saturated color, while #ffd700 is the most saturated one.

  • #ccb433
  • #d9bd26
  • #e6c61a
  • #f2ce0d
  • #ffd700
  • #524d33
  • #4a4526
  • #423c1a
  • #3b340d

HTML Usage Examples

HTML using color code example

<p style="color: #ffd700;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name of #ffd700 is gold.

CSS color code example

p { color: #ffd700; }

Text with hexadecimal color #ffd700

This is a sample text with color #ffd700.

Background Color with #ffd700

This is a example with background color #ffd700.

Border Color with #ffd700

This is a example of a border with #ffd700.

#ffd700 Color Preview on White (#ffffff) Background

This is a example of text with color #ffd700 on white background.

#ffd700 Color Preview on Black (#000000) Background

This is a example of text with color #ffd700 on black background.

CSS codes examples

.text {color:#ffd700;}
.background {background-color:#ffd700;}
.border {border:1px solid #ffd700;}

Complementary Color

#ffd700
#0026FF

Analogous Colors

#CC4700
#CC7A00
#FFAD33
#FFD900
#EBFF33
#B8CC00
#85CC00

Split Complementary Colors

#00A6FF
#FFD900
#5900FF

Triadic Colors

#00FFD9
#FFD900
#D900FF

Tetradic Colors

#00FF59
#0026FF
#FF00A6