Avocado green color: code #568203
Avocado green
#568203
Color codes
- HEX
#568203 - RGB
rgb(86, 130, 3) - HSL
hsl(81, 95%, 26%) - HSV
hsv(81, 98%, 51%) - CMYK
cmyk(34%, 0%, 98%, 49%) - LAB
lab(49.4% -32.4 52.9) - OKLCH
oklch(55.3% 0.147 129.5)
About the color Avocado green
Avocado green has the HEX code #568203, which corresponds to rgb(86, 130, 3) in the RGB model. On the color wheel its hue sits at 81°, with 95% saturation and 26% lightness (hsl(81, 95%, 26%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 4.59:1 contrast ratio on it, versus 4.57:1 for white.
For print, the approximate conversion is cmyk(34%, 0%, 98%, 49%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Avocado green
Complementary
#568203 · #2F0381
Analogous
#816E03 · #568203 · #168103
Triadic
#568203 · #035581 · #810355
Tetradic
#568203 · #03816E · #2F0381 · #810316
Split-complementary
#568203 · #031681 · #6E0381
Monochromatic
#030500 · #345002 · #568203 · #86CC05 · #AFF924
Avocado green with white and black text
How to use it in CSS
:root {
--color-avocado-green: #568203;
--color-avocado-green-rgb: 86, 130, 3;
}
.elemento {
background-color: var(--color-avocado-green);
color: #000000;
}