Overgrowth Triadic Color Scheme

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

#88CC33

#2987C7

#CC3388

#B2E191

#235C8E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Overgrowth	`#88CC33`	136, 204, 51	87°, 60%, 50%	33, 0, 75, 20
Klaxosaur Blue	`#2987C7`	41, 135, 199	204°, 66%, 47%	79, 32, 0, 22
Shrine of Pleasures	`#CC3388`	204, 51, 136	327°, 60%, 50%	0, 75, 33, 20
Sage Sensation	`#B2E191`	178, 225, 145	95°, 57%, 73%	21, 0, 36, 12
Sapphire Lace	`#235C8E`	35, 92, 142	208°, 60%, 35%	75, 35, 0, 44

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B2E191 on #235C8E	4.70:1	AA
Aa #88CC33 on #235C8E	3.59:1	AA large
Aa #CC3388 on #B2E191	3.20:1	AA large
Aa #2987C7 on #B2E191	2.61:1	—
Aa #88CC33 on #CC3388	2.44:1	—
Aa #88CC33 on #2987C7	1.99:1	—

CSS variables

:root {
  --color-1: #88cc33; /* Overgrowth */
  --color-2: #2987c7; /* Klaxosaur Blue */
  --color-3: #cc3388; /* Shrine of Pleasures */
  --color-4: #b2e191; /* Sage Sensation */
  --color-5: #235c8e; /* Sapphire Lace */
}

Other schemes from Overgrowth

More Medium Green triadic palettes

Questions

What colors go with Overgrowth?

In a triadic scheme: Klaxosaur Blue (#2987C7), Shrine of Pleasures (#CC3388), Sage Sensation (#B2E191), Sapphire Lace (#235C8E).

What is the hex code of Overgrowth?

#88CC33.