What does the color Gold mean?

Amber

Gold

#ffd700

#ffdf33

#ffe766

#ffef99

#fff7cc

#e6c61a

Meaning

Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.

History

Gold is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Gold (#ffd700) in CSS as color: gold; or as #ffd700.

Preview

Gold

#ffd700

Overview

Family: Amber

Accessibility on this swatch:

AAA

(14.97:1)

Contrast vs white: 1.4:1 · vs black: 14.97:1

Formats

HEX

#ffd700

RGB

rgb(255, 215, 0)

RGBA

rgba(255, 215, 0, 1)

HSL

hsl(51, 100%, 50%)

HSV

hsv(51, 100%, 100%)

LAB

lab(86.93% -1.92 87.13)

LCH

lch(86.93% 87.15 91.26)

OKLAB

oklab(0.8868 -0.0169 0.1814)

OKLCH

oklch(0.8868 0.1822 95.32)

XYZ

xyz(65.54, 69.86, 10.03)

CMYK

cmyk(0%, 16%, 100%, 0%)

CSS

color: #ffd700;

CSS variable

--color-ffd700: #ffd700;

SCSS

$color-ffd700: #ffd700;

Tailwind

orange-500

Export

Developer code

:root {
  --gold-1: #ffd700;
}

Color psychology

Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ffdf33

#ffe766

#ffef99

#fff7cc

#e6c61a

#ccb433

#b3a34d

#999166

Similar colors

#e9cb20

#edce31

#efe22a

#ebe014

#f2e33a

#f1b80e

#e0d42e

#d5cc15

Browse more in the color name library.