Color Palettes

Avocado color

A rich yellow-green like avocado skin. It was the iconic kitchen appliance color of the 1970s. Now it's back as a retro and earthy accent in home decor and fashion.

Also known as: Avocado green.

Avocado · #568203

About avocado

Avocado (#568203) is a balanced, dark, highly saturated color. It belongs to the greens family. It mixes 86 red, 130 green and 3 blue (out of 255). It is mostly used in retro decor, kitchens, fashion.

Avocado shades and tints

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

See all its shades: Color shades generator

Avocado color harmonies

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

ComplementaryClose to: Navy blue
AnalogousClose to: Olive green, Green
TriadicClose to: Ocean blue, Tyrian purple
Split complementaryClose to: Navy blue, Purple
TetradicClose to: Pine green, Navy blue, Burgundy

Avocado color palettes

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

Monochromatic palette · Avocado
Analogous palette · Avocado
Complementary palette · Avocado
Triadic palette · Avocado
With neutrals palette · Avocado
With an accent palette · Avocado

Avocado contrast with text

White textContrast 4.6:1 · AA
Black textContrast 4.6:1 · AA

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

CSS code

:root {
  --avocado: #568203;
  --avocado-rgb: 86, 130, 3;
}
.bg { background-color: var(--avocado); }
.text { color: var(--avocado); }

Colors similar to avocado

Olive drabForest greenGreenOlive greenDark greenApple greenDark olive greenFern greenMoss greenPistachio green

More greens

GreenEmerald greenLime greenOlive greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreusePastel greenDark greenLight greenMexican flag greenHunter greenKelly greenOlive drab

Frequently asked questions

What is the hex code for avocado?

The hex code for avocado is #568203. In RGB it is rgb(86, 130, 3), in HSL hsl(81, 95%, 26%) and in CMYK 34, 0, 98, 49.

What is the complementary color of avocado?

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

Can you use white text on avocado?

Yes. The contrast with white is 4.6:1, enough for body text (WCAG AA).