Color Palettes

Dark yellow color

A muted yellow pushed toward olive, the shade you get when yellow loses its brightness. It feels earthy and vintage and works for utility jackets, fall palettes and retro graphics.

Also known as: Deep yellow, Olive yellow.

The hex code for dark yellow is #8B8000. In RGB it is rgb(139, 128, 0), in HSL hsl(55, 100%, 27%) and in CMYK 0, 8, 100, 45.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to dark yellow

Olive green#808000Hazel#8E7618Brass#B5A642Dark goldenrod#B8860BOld gold#CFB53BOlive drab#6B8E23

About dark yellow

Dark yellow (#8B8000) is a warm, dark, highly saturated color. It belongs to the yellows family. It mixes 139 red, 128 green and 0 blue (out of 255). It is mostly used in fashion, fall decor, graphic design.

Swatch of Dark yellow with its shades from light to dark · #8B8000
Dark yellow · #8B8000

Dark yellow shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Dark yellow color harmonies

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

ComplementaryClose to: Ultramarine
AnalogousClose to: Saddle brown, Avocado
TriadicClose to: Teal green, Purple
Split complementaryClose to: Ocean blue, Ultramarine
TetradicClose to: Forest green, Ultramarine, Dark pink

Dark yellow color palettes

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

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

Dark yellow contrast with text

White textContrast 4.0:1 · AA large text
Black textContrast 5.2:1 · AA

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

CSS code

:root {
  --dark-yellow: #8B8000;
  --dark-yellow-rgb: 139, 128, 0;
}
.bg { background-color: var(--dark-yellow); }
.text { color: var(--dark-yellow); }

Colors similar to dark yellow

Vegas goldMetallic goldCaramelAvocado

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Dark yellow with its shades from light to dark · #8B8000
Swatch of Dark yellow with its shades from light to dark · #8B8000

Try this next

Name color paletteType a name and get your own color story paletteFace shape detectorFind your face shape, best haircuts and glassesSpin the wheelType your options and spin. A color wheel too
See all free tools →

Frequently asked questions

What is the hex code for dark yellow?

The hex code for dark yellow is #8B8000. In RGB it is rgb(139, 128, 0), in HSL hsl(55, 100%, 27%) and in CMYK 0, 8, 100, 45.

What is the complementary color of dark yellow?

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

Can you use white text on dark yellow?

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