Leapfrog Tetradic Color Scheme

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

#41A94F

#4467A7

#B44C97

#AA8344

#85CA87

Color names and codes

Name	HEX	RGB	HSL	CMYK
Leapfrog	`#41A94F`	65, 169, 79	128°, 44%, 46%	62, 0, 53, 34
Indigo Batik	`#4467A7`	68, 103, 167	219°, 42%, 46%	59, 38, 0, 35
Safflower Purple	`#B44C97`	180, 76, 151	317°, 41%, 50%	0, 58, 16, 29
Walnut Shell	`#AA8344`	170, 131, 68	37°, 43%, 47%	0, 23, 60, 33
De York	`#85CA87`	133, 202, 135	122°, 39%, 66%	34, 0, 33, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4467A7 on #85CA87	2.88:1	—
Aa #B44C97 on #85CA87	2.44:1	—
Aa #41A94F on #4467A7	1.87:1	—
Aa #AA8344 on #85CA87	1.79:1	—
Aa #4467A7 on #AA8344	1.61:1	—
Aa #41A94F on #B44C97	1.59:1	—

CSS variables

:root {
  --color-1: #41a94f; /* Leapfrog */
  --color-2: #4467a7; /* Indigo Batik */
  --color-3: #b44c97; /* Safflower Purple */
  --color-4: #aa8344; /* Walnut Shell */
  --color-5: #85ca87; /* De York */
}

Other schemes from Leapfrog

More Medium Green tetradic palettes

Questions

What colors go with Leapfrog?

In a tetradic scheme: Indigo Batik (#4467A7), Safflower Purple (#B44C97), Walnut Shell (#AA8344), De York (#85CA87).

What is the hex code of Leapfrog?

#41A94F.