Arugula Complementary Color Scheme

Five colors arranged by the complementary rule around Arugula (#75AD5B), each snapped to its nearest named color.

#75AD5B

#ABCA99

#8D5EB7

#653D7C

#C09DC8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Arugula	`#75AD5B`	117, 173, 91	101°, 33%, 52%	32, 0, 47, 32
Oh Pistachio	`#ABCA99`	171, 202, 153	98°, 32%, 70%	15, 0, 24, 21
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
Lilac Pink	`#C09DC8`	192, 157, 200	289°, 28%, 70%	4, 21, 0, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ABCA99 on #653D7C	4.63:1	AA
Aa #653D7C on #C09DC8	3.54:1	AA large
Aa #75AD5B on #653D7C	3.14:1	AA large
Aa #ABCA99 on #8D5EB7	2.63:1	—
Aa #8D5EB7 on #C09DC8	2.01:1	—
Aa #75AD5B on #8D5EB7	1.78:1	—

CSS variables

:root {
  --color-1: #75ad5b; /* Arugula */
  --color-2: #abca99; /* Oh Pistachio */
  --color-3: #8d5eb7; /* Lusty Lavender */
  --color-4: #653d7c; /* Dark Pansy */
  --color-5: #c09dc8; /* Lilac Pink */
}

Other schemes from Arugula

More Medium Green complementary palettes

Questions

What colors go with Arugula?

In a complementary scheme: Oh Pistachio (#ABCA99), Lusty Lavender (#8D5EB7), Dark Pansy (#653D7C), Lilac Pink (#C09DC8).

What is the hex code of Arugula?

#75AD5B.