Primavera Complementary Color Scheme

Five colors arranged by the complementary rule around Primavera (#6FA77A), each snapped to its nearest named color.

#6FA77A

#A9C9AF

#AC6B98

#7F4F78

#D1ACCE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Primavera	`#6FA77A`	111, 167, 122	132°, 24%, 55%	34, 0, 27, 35
Pastel Meadow	`#A9C9AF`	169, 201, 175	131°, 23%, 73%	16, 0, 13, 21
Violetta	`#AC6B98`	172, 107, 152	318°, 28%, 55%	0, 38, 12, 33
Phlox Flower Violet	`#7F4F78`	127, 79, 120	309°, 23%, 40%	0, 38, 6, 50
Orchid Bouquet	`#D1ACCE`	209, 172, 206	305°, 29%, 75%	0, 18, 1, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A9C9AF on #7F4F78	3.54:1	AA large
Aa #7F4F78 on #D1ACCE	3.19:1	AA large
Aa #6FA77A on #7F4F78	2.27:1	—
Aa #A9C9AF on #AC6B98	2.20:1	—
Aa #AC6B98 on #D1ACCE	1.98:1	—
Aa #AC6B98 on #7F4F78	1.61:1	—

CSS variables

:root {
  --color-1: #6fa77a; /* Primavera */
  --color-2: #a9c9af; /* Pastel Meadow */
  --color-3: #ac6b98; /* Violetta */
  --color-4: #7f4f78; /* Phlox Flower Violet */
  --color-5: #d1acce; /* Orchid Bouquet */
}

Other schemes from Primavera

More Medium Green complementary palettes

Questions

What colors go with Primavera?

In a complementary scheme: Pastel Meadow (#A9C9AF), Violetta (#AC6B98), Phlox Flower Violet (#7F4F78), Orchid Bouquet (#D1ACCE).

What is the hex code of Primavera?

#6FA77A.