Frogger Complementary Color Scheme

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

#8CD612

#B2EC5D

#5511DD

#391285

#955AF2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Frogger	`#8CD612`	140, 214, 18	83°, 84%, 45%	35, 0, 92, 16
Inchworm	`#B2EC5D`	178, 236, 93	84°, 79%, 65%	25, 0, 61, 7
Space Opera	`#5511DD`	85, 17, 221	260°, 86%, 47%	62, 92, 0, 13
Pixie Powder	`#391285`	57, 18, 133	260°, 76%, 30%	57, 86, 0, 48
Forgotten Kyawthuite	`#955AF2`	149, 90, 242	263°, 85%, 65%	38, 63, 0, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B2EC5D on #391285	9.41:1	AAA
Aa #8CD612 on #391285	7.34:1	AAA
Aa #B2EC5D on #5511DD	5.99:1	AA
Aa #8CD612 on #5511DD	4.68:1	AA
Aa #391285 on #955AF2	3.14:1	AA large
Aa #B2EC5D on #955AF2	3.00:1	—

CSS variables

:root {
  --color-1: #8cd612; /* Frogger */
  --color-2: #b2ec5d; /* Inchworm */
  --color-3: #5511dd; /* Space Opera */
  --color-4: #391285; /* Pixie Powder */
  --color-5: #955af2; /* Forgotten Kyawthuite */
}

Other schemes from Frogger

More Medium Green complementary palettes

Questions

What colors go with Frogger?

In a complementary scheme: Inchworm (#B2EC5D), Space Opera (#5511DD), Pixie Powder (#391285), Forgotten Kyawthuite (#955AF2).

What is the hex code of Frogger?

#8CD612.