Avocado Complementary Color Scheme

Five colors arranged by the complementary rule around Avocado (#568203), each snapped to its nearest named color.

#568203

#89DD01

#380282

#160435

#5D06E9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Avocado	`#568203`	86, 130, 3	81°, 95%, 26%	34, 0, 98, 49
Electric Leaf	`#89DD01`	137, 221, 1	83°, 99%, 44%	38, 0, 100, 13
Marionberry	`#380282`	56, 2, 130	265°, 97%, 26%	57, 98, 0, 49
Quiet Abyss	`#160435`	22, 4, 53	262°, 86%, 11%	58, 92, 0, 79
Gonzo Violet	`#5D06E9`	93, 6, 233	263°, 95%, 47%	60, 97, 0, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #89DD01 on #160435	11.25:1	AAA
Aa #89DD01 on #380282	8.28:1	AAA
Aa #89DD01 on #5D06E9	4.65:1	AA
Aa #568203 on #160435	4.16:1	AA large
Aa #568203 on #380282	3.06:1	AA large
Aa #568203 on #89DD01	2.70:1	—

CSS variables

:root {
  --color-1: #568203; /* Avocado */
  --color-2: #89dd01; /* Electric Leaf */
  --color-3: #380282; /* Marionberry */
  --color-4: #160435; /* Quiet Abyss */
  --color-5: #5d06e9; /* Gonzo Violet */
}

Other schemes from Avocado

More Dark Green complementary palettes

Questions

What colors go with Avocado?

In a complementary scheme: Electric Leaf (#89DD01), Marionberry (#380282), Quiet Abyss (#160435), Gonzo Violet (#5D06E9).

What is the hex code of Avocado?

#568203.