Overgrowth Tetradic Color Scheme

Five colors arranged by the tetradic rule around Overgrowth (#88CC33), each snapped to its nearest named color.

#88CC33

#3DCFC2

#6A31CA

#CD343D

#B2E191

Color names and codes

Name	HEX	RGB	HSL	CMYK
Overgrowth	`#88CC33`	136, 204, 51	87°, 60%, 50%	33, 0, 75, 20
Bianchi Green	`#3DCFC2`	61, 207, 194	175°, 60%, 53%	71, 0, 6, 19
Sagat Purple	`#6A31CA`	106, 49, 202	262°, 61%, 49%	48, 76, 0, 21
Bestial Blood	`#CD343D`	205, 52, 61	356°, 60%, 50%	0, 75, 70, 20
Sage Sensation	`#B2E191`	178, 225, 145	95°, 57%, 73%	21, 0, 36, 12

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6A31CA on #B2E191	4.84:1	AA
Aa #3DCFC2 on #6A31CA	3.75:1	AA large
Aa #88CC33 on #6A31CA	3.69:1	AA large
Aa #CD343D on #B2E191	3.39:1	AA large
Aa #3DCFC2 on #CD343D	2.62:1	—
Aa #88CC33 on #CD343D	2.58:1	—

CSS variables

:root {
  --color-1: #88cc33; /* Overgrowth */
  --color-2: #3dcfc2; /* Bianchi Green */
  --color-3: #6a31ca; /* Sagat Purple */
  --color-4: #cd343d; /* Bestial Blood */
  --color-5: #b2e191; /* Sage Sensation */
}

Other schemes from Overgrowth

More Medium Green tetradic palettes

Questions

What colors go with Overgrowth?

In a tetradic scheme: Bianchi Green (#3DCFC2), Sagat Purple (#6A31CA), Bestial Blood (#CD343D), Sage Sensation (#B2E191).

What is the hex code of Overgrowth?

#88CC33.