Avocado color: #568203
The Avocado color code in every format, with shades, matching colors and ready palettes.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
- Lime
- Medium
- Vivid
- Neutral
- lime-700
- Black 49%
Looks the same on every screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Avocado
Similar named colors
Questions about Avocado
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(80.79 95.49% 26.08%) and in OKLCH oklch(55.327% 0.14664 129.463).
What colors go well with Avocado?
Its complementary color is #8c56b2. For a calmer look, pair it with the analogous colors #867200 and #008b52. Ready palettes with Avocado are shown on this page.
Is Avocado a warm or cool color?
Avocado is a neutral color with an OKLCH hue of 129 degrees.
What text color is readable on Avocado?
White text is more readable on Avocado: white gives a contrast ratio of 4.58:1 and black gives 4.59:1. WCAG AA asks for at least 4.5:1 for body text.
About #568203
#568203 is a bright lime color. In OKLCH it has 55.3% lightness, 0.147 chroma and a hue of 129°.
Looks the same on every screen.
White text on it reaches 4.58:1 contrast and black text 4.59:1, so white text reads better.
The closest named color is Avocado (#568203). In Tailwind CSS the closest color is lime-700.