Overgrown Triadic Color Scheme

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

#88DD00

#0088DC

#DD0088

#A6FD44

#01578F

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Overgrown	`#88DD00`	136, 221, 0	83°, 100%, 43%	38, 0, 100, 13	81.1% 0.225 132
Blue Cola	`#0088DC`	0, 136, 220	203°, 100%, 43%	100, 38, 0, 14	60.9% 0.160 247
The Art of Seduction	`#DD0088`	221, 0, 136	323°, 100%, 43%	0, 100, 38, 13	58.8% 0.243 353
Mindful Green	`#A6FD44`	166, 253, 68	88°, 98%, 63%	34, 0, 73, 1	90.6% 0.225 132
Bandana	`#01578F`	1, 87, 143	204°, 99%, 28%	99, 39, 0, 44	44.4% 0.115 247

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A6FD44 on #01578F	6.07:1	AA
Aa #88DD00 on #01578F	4.49:1	AA large
Aa #DD0088 on #A6FD44	3.78:1	AA large
Aa #0088DC on #A6FD44	3.02:1	AA large
Aa #88DD00 on #DD0088	2.80:1	—
Aa #88DD00 on #0088DC	2.23:1	—

CSS variables

:root {
  --color-1: #88dd00; /* Overgrown */
  --color-2: #0088dc; /* Blue Cola */
  --color-3: #dd0088; /* The Art of Seduction */
  --color-4: #a6fd44; /* Mindful Green */
  --color-5: #01578f; /* Bandana */
}

Other schemes from Overgrown

More medium green triadic color schemes

Questions

What colors go with Overgrown?

In a triadic scheme: Blue Cola (#0088DC), The Art of Seduction (#DD0088), Mindful Green (#A6FD44), Bandana (#01578F).

What is the hex code of Overgrown?

#88DD00.