Color Palettes

Golden yellow color

A bright yellow with a golden warmth, between pure yellow and gold. It feels rich and sunny. It's used for school colors, awards graphics and bold logos.

Golden yellow · #FFDF00

About golden yellow

Golden yellow (#FFDF00) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 223 green and 0 blue (out of 255). It is mostly used in logos, awards, school colors.

Golden yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Golden yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue
AnalogousClose to: Persimmon, Chartreuse
TriadicClose to: Turquoise blue, Magenta
Split complementaryClose to: Bright blue, Blue
TetradicClose to: Spring green, Blue, Fuchsia

Golden yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Golden yellow
Analogous palette · Golden yellow
Complementary palette · Golden yellow
Triadic palette · Golden yellow
With neutrals palette · Golden yellow
With an accent palette · Golden yellow

Golden yellow contrast with text

White textContrast 1.3:1 · Not recommended
Black textContrast 15.8:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --golden-yellow: #FFDF00;
  --golden-yellow-rgb: 255, 223, 0;
}
.bg { background-color: var(--golden-yellow); }
.text { color: var(--golden-yellow); }

Colors similar to golden yellow

GoldBanana yellowCanary yellowDandelionMaizeLemon yellowSunflower yellowYellowAmberSaffron

Themed palettes with this color

Gym color palettesNeon color palettesSummer color palettesIndependence Day color palettesHappy color palettesKids color palettes

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowMetallic goldVegas gold

Frequently asked questions

What is the hex code for golden yellow?

The hex code for golden yellow is #FFDF00. In RGB it is rgb(255, 223, 0), in HSL hsl(52, 100%, 50%) and in CMYK 0, 13, 100, 0.

What is the complementary color of golden yellow?

Its complement on the color wheel is #0020FF, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on golden yellow?

Use black text instead: the contrast with white is only 1.3:1, while with black it is 15.8:1.