Golden yellow color: code #FFDF00

Golden yellow

#FFDF00

Color codes

  • HEX#FFDF00
  • RGBrgb(255, 223, 0)
  • HSLhsl(52, 100%, 50%)
  • HSVhsv(52, 100%, 100%)
  • CMYKcmyk(0%, 13%, 100%, 0%)
  • LABlab(88.9% -6 88.6)
  • OKLCHoklch(90.3% 0.187 98.7)

About the color Golden yellow

Golden yellow has the HEX code #FFDF00, which corresponds to rgb(255, 223, 0) in the RGB model. On the color wheel its hue sits at 52°, with 100% saturation and 50% lightness (hsl(52, 100%, 50%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 15.80:1 contrast ratio on it, versus 1.32:1 for white.

For print, the approximate conversion is cmyk(0%, 13%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Golden yellow

Complementary

#FFDF00 · #0022FF

Analogous

#FF5E00 · #FFDF00 · #A2FF00

Triadic

#FFDF00 · #00FFDD · #DD00FF

Tetradic

#FFDF00 · #00FF5E · #0022FF · #FF00A2

Split-complementary

#FFDF00 · #00A2FF · #5D00FF

Monochromatic

#806F00 · #CCB100 · #FFDF00 · #FFE74D · #FFF199

Golden yellow with white and black text

White text Aa Bb Cc 123
1.32:1 · fails WCAG
Black text Aa Bb Cc 123
15.80:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-golden-yellow: #FFDF00;
  --color-golden-yellow-rgb: 255, 223, 0;
}

.elemento {
  background-color: var(--color-golden-yellow);
  color: #000000;
}

Similar colors

Use Golden yellow in our tools