Asparagus Complementary Color Scheme

Five colors arranged by the complementary rule around Asparagus (#77AB56), each snapped to its nearest named color.

#77AB56

#A3C893

#8D5EB7

#653D7C

#BB9ECD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Asparagus	`#77AB56`	119, 171, 86	97°, 34%, 50%	30, 0, 50, 33
Arcadian Green	`#A3C893`	163, 200, 147	102°, 33%, 68%	19, 0, 27, 22
Lusty Lavender	`#8D5EB7`	141, 94, 183	272°, 38%, 54%	23, 49, 0, 28
Dark Pansy	`#653D7C`	101, 61, 124	278°, 34%, 36%	19, 51, 0, 51
Turnip Crown	`#BB9ECD`	187, 158, 205	277°, 32%, 71%	9, 23, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A3C893 on #653D7C	4.47:1	AA large
Aa #653D7C on #BB9ECD	3.54:1	AA large
Aa #77AB56 on #653D7C	3.08:1	AA large
Aa #A3C893 on #8D5EB7	2.54:1	—
Aa #8D5EB7 on #BB9ECD	2.01:1	—
Aa #8D5EB7 on #653D7C	1.76:1	—

CSS variables

:root {
  --color-1: #77ab56; /* Asparagus */
  --color-2: #a3c893; /* Arcadian Green */
  --color-3: #8d5eb7; /* Lusty Lavender */
  --color-4: #653d7c; /* Dark Pansy */
  --color-5: #bb9ecd; /* Turnip Crown */
}

Other schemes from Asparagus

More Medium Green complementary palettes

Questions

What colors go with Asparagus?

In a complementary scheme: Arcadian Green (#A3C893), Lusty Lavender (#8D5EB7), Dark Pansy (#653D7C), Turnip Crown (#BB9ECD).

What is the hex code of Asparagus?

#77AB56.