Frogger Triadic Color Scheme

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

#8CD612

#1188CC

#DD1188

#B2EC5D

#035B8D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Frogger	`#8CD612`	140, 214, 18	83°, 84%, 45%	35, 0, 92, 16
Way Beyond the Blue	`#1188CC`	17, 136, 204	202°, 85%, 43%	92, 33, 0, 20
Benevolent Pink	`#DD1188`	221, 17, 136	325°, 86%, 47%	0, 92, 38, 13
Inchworm	`#B2EC5D`	178, 236, 93	84°, 79%, 65%	25, 0, 61, 7
Buccaneer Blue	`#035B8D`	3, 91, 141	202°, 96%, 28%	98, 35, 0, 45

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B2EC5D on #035B8D	5.22:1	AA
Aa #8CD612 on #035B8D	4.07:1	AA large
Aa #DD1188 on #B2EC5D	3.34:1	AA large
Aa #1188CC on #B2EC5D	2.78:1	—
Aa #8CD612 on #DD1188	2.60:1	—
Aa #8CD612 on #1188CC	2.17:1	—

CSS variables

:root {
  --color-1: #8cd612; /* Frogger */
  --color-2: #1188cc; /* Way Beyond the Blue */
  --color-3: #dd1188; /* Benevolent Pink */
  --color-4: #b2ec5d; /* Inchworm */
  --color-5: #035b8d; /* Buccaneer Blue */
}

Other schemes from Frogger

More Medium Green triadic palettes

Questions

What colors go with Frogger?

In a triadic scheme: Way Beyond the Blue (#1188CC), Benevolent Pink (#DD1188), Inchworm (#B2EC5D), Buccaneer Blue (#035B8D).

What is the hex code of Frogger?

#8CD612.