Vegetation Complementary Color Scheme

Five colors arranged by the complementary rule around Vegetation (#5CCD97), each snapped to its nearest named color.

#5CCD97

#A5E1C4

#D65E93

#B0306A

#E3A9C4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vegetation	`#5CCD97`	92, 205, 151	151°, 53%, 58%	55, 0, 26, 20
Reef Green	`#A5E1C4`	165, 225, 196	151°, 50%, 76%	27, 0, 13, 12
Flirty Rose	`#D65E93`	214, 94, 147	334°, 59%, 60%	0, 56, 31, 16
Rich Maroon	`#B0306A`	176, 48, 106	333°, 57%, 44%	0, 73, 40, 31
Party Time	`#E3A9C4`	227, 169, 196	332°, 51%, 78%	0, 26, 14, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A5E1C4 on #B0306A	4.07:1	AA large
Aa #B0306A on #E3A9C4	3.09:1	AA large
Aa #5CCD97 on #B0306A	3.06:1	AA large
Aa #A5E1C4 on #D65E93	2.41:1	—
Aa #D65E93 on #E3A9C4	1.83:1	—
Aa #5CCD97 on #D65E93	1.81:1	—

CSS variables

:root {
  --color-1: #5ccd97; /* Vegetation */
  --color-2: #a5e1c4; /* Reef Green */
  --color-3: #d65e93; /* Flirty Rose */
  --color-4: #b0306a; /* Rich Maroon */
  --color-5: #e3a9c4; /* Party Time */
}

Other schemes from Vegetation

More Medium Green complementary palettes

Questions

What colors go with Vegetation?

In a complementary scheme: Reef Green (#A5E1C4), Flirty Rose (#D65E93), Rich Maroon (#B0306A), Party Time (#E3A9C4).

What is the hex code of Vegetation?

#5CCD97.