Leapfrog Complementary Color Scheme

Five colors arranged by the complementary rule around Leapfrog (#41A94F), each snapped to its nearest named color.

#41A94F

#77CC88

#B44C97

#702963

#C290C5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Leapfrog	`#41A94F`	65, 169, 79	128°, 44%, 46%	62, 0, 53, 34
Serengeti Green	`#77CC88`	119, 204, 136	132°, 45%, 63%	42, 0, 33, 20
Safflower Purple	`#B44C97`	180, 76, 151	317°, 41%, 50%	0, 58, 16, 29
Byzantium	`#702963`	112, 41, 99	311°, 46%, 30%	0, 63, 12, 56
Rose Souvenir	`#C290C5`	194, 144, 197	297°, 31%, 67%	2, 27, 0, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #77CC88 on #702963	4.93:1	AA
Aa #702963 on #C290C5	3.70:1	AA large
Aa #41A94F on #702963	3.21:1	AA large
Aa #77CC88 on #B44C97	2.44:1	—
Aa #B44C97 on #702963	2.02:1	—
Aa #B44C97 on #C290C5	1.83:1	—

CSS variables

:root {
  --color-1: #41a94f; /* Leapfrog */
  --color-2: #77cc88; /* Serengeti Green */
  --color-3: #b44c97; /* Safflower Purple */
  --color-4: #702963; /* Byzantium */
  --color-5: #c290c5; /* Rose Souvenir */
}

Other schemes from Leapfrog

More Medium Green complementary palettes

Questions

What colors go with Leapfrog?

In a complementary scheme: Serengeti Green (#77CC88), Safflower Purple (#B44C97), Byzantium (#702963), Rose Souvenir (#C290C5).

What is the hex code of Leapfrog?

#41A94F.