Avocado
Online color picker to view shades, tints, color codes, and complementary colors
Avocado is a saturated, earthy lime with strong yellow undertones that lean warm. Because of its weight, this shade works best as an accent color rather than a primary background. Pair #568203 with dark charcoal or deep brown for a balanced, organic look. Black text provides sufficient contrast for readability, meeting WCAG AA standards. The hex code for this color is #568203.
Questions about Avocado
What is the hex code for Avocado?
Avocado is #568203. In RGB that is rgb(86, 130, 3), in HSL hsl(81, 95%, 26%) and in CMYK 34%, 0%, 98%, 49%.
How can I balance the heavy weight of #568203 in a design?
Use #568203 as an accent rather than a primary background to maintain visual balance. Pair it with deep neutrals like charcoal or deep brown, which ground the color's natural vibrancy and prevent it from overwhelming the rest of your layout.
Does #568203 work well with dark or light text?
This shade provides excellent contrast when paired with dark text, successfully meeting WCAG AA standards for readability. Because of its saturated, mid-tone nature, it is generally too dark for white text to be clearly legible and too light for some lighter colors.
Is Avocado readable on white or black?
Avocado has a 4.57:1 contrast ratio on white and 4.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.