Secret Garden Complementary Color Scheme

Five colors arranged by the complementary rule around Secret Garden (#11AA66), each snapped to its nearest named color.

#11AA66

#2AF589

#AA1155

#670728

#EC3B83

Color names and codes

Name	HEX	RGB	HSL	CMYK
Secret Garden	`#11AA66`	17, 170, 102	153°, 82%, 37%	90, 0, 40, 33
Emerald Ice Palace	`#2AF589`	42, 245, 137	148°, 91%, 56%	83, 0, 44, 4
Plum Perfect	`#AA1155`	170, 17, 85	333°, 82%, 37%	0, 90, 50, 33
Plum Cheese	`#670728`	103, 7, 40	339°, 87%, 22%	0, 93, 61, 60
Cerise Pink	`#EC3B83`	236, 59, 131	336°, 82%, 58%	0, 75, 44, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2AF589 on #670728	8.87:1	AAA
Aa #2AF589 on #AA1155	4.97:1	AA
Aa #11AA66 on #670728	4.25:1	AA large
Aa #670728 on #EC3B83	3.37:1	AA large
Aa #2AF589 on #EC3B83	2.63:1	—
Aa #11AA66 on #AA1155	2.39:1	—

CSS variables

:root {
  --color-1: #11aa66; /* Secret Garden */
  --color-2: #2af589; /* Emerald Ice Palace */
  --color-3: #aa1155; /* Plum Perfect */
  --color-4: #670728; /* Plum Cheese */
  --color-5: #ec3b83; /* Cerise Pink */
}

Other schemes from Secret Garden

More Dark Green complementary palettes

Questions

What colors go with Secret Garden?

In a complementary scheme: Emerald Ice Palace (#2AF589), Plum Perfect (#AA1155), Plum Cheese (#670728), Cerise Pink (#EC3B83).

What is the hex code of Secret Garden?

#11AA66.