Avocado #568203
Avocado color codes
Avocado color meaning
Avocado is a deep and serious green — a cool color at 26% lightness and 95% saturation. Like other greens, it is linked with nature, growth and balance. It is the color the eye finds most restful, which is why it signals health, freshness and "go".
Because it is deep and serious, avocado works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (4.6:1 contrast).
What colors go with Avocado?
Avocado pairs well with Midnight Blue, Olive, Green and Linen: Midnight Blue sits close to its opposite on the color wheel for strong contrast, Olive and Green are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.
Build a full scheme around avocado in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.
Avocado at a glance
| Color family | Green · cool, deep and serious |
|---|---|
| CSS color name | No — nearest keyword is Forest Green (#228B22) |
| As text on white | 4.58:1 — passes WCAG AA |
| Best text on it | Black (4.59:1) |
| For print (CMYK) | 34% cyan, 0% magenta, 98% yellow, 49% black |
| Full screen | Open the avocado screen — fill your display or download it in 4K |
Contrast
Contrast ratio of Avocado against white and black text (WCAG 2.1 needs 4.5:1 for body text).
Shades, tints & tones
Color harmonies
Colors similar to Avocado
Avocado color FAQ
What is the hex code for Avocado?
Avocado is #568203, which is rgb(86, 130, 3) and hsl(81, 95%, 26%). For print it is roughly C34 M0 Y98 K49.
What colors go with Avocado?
Avocado pairs well with Midnight Blue, Olive, Green, Linen. Midnight Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.
Is Avocado a warm or cool color?
Avocado is a cool color: its hue is 81°, on the green, blue and violet side of the color wheel.
What text color looks best on Avocado?
Black text, with a contrast ratio of 4.6:1, which meets WCAG AA for normal text. Avocado itself is also readable as text on white (4.6:1).