Skip to the color picker

Avocado color: #568203

Avocado is #568203, rgb(86, 130, 3) in RGB and oklch(55.327% 0.14664 129.463) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

81°
100%

55.3%
0.147
129°
  • Lime
  • Medium
  • Vivid
  • Neutral
  • lime-700
  • Black 49%

Inside sRGB: displays the same on any screen.

White text
4.58:1Readable · AA
Lc -77
Black text
4.59:1Readable · AA
Lc 33

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

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°.

Inside sRGB: displays the same on any 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.

More medium lime colors

Lighter: #568203 mixed with white

  1. 568203

Darker: #568203 mixed with black

  1. 568203

Calmer: #568203 with less saturation

  1. 568203

Similar named colors

  • Avocado#568203

Colors that go with #568203

Complementary
#568203
Analogous
#568203
Triadic
#568203
Split
#568203