Aloe Vera Complementary Color Scheme

Five colors arranged by the complementary rule around Aloe Vera (#678779), each snapped to its nearest named color.

#678779

#8EBAA6

#985672

#673C4C

#BA97A9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Aloe Vera	`#678779`	103, 135, 121	154°, 13%, 47%	24, 0, 10, 47
Lichen	`#8EBAA6`	142, 186, 166	153°, 24%, 64%	24, 0, 11, 27
Pink Tulip	`#985672`	152, 86, 114	335°, 28%, 47%	0, 43, 25, 40
Crushed Violets	`#673C4C`	103, 60, 76	338°, 26%, 32%	0, 42, 26, 60
Violet Fantasy	`#BA97A9`	186, 151, 169	329°, 20%, 66%	0, 19, 9, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8EBAA6 on #673C4C	4.18:1	AA large
Aa #673C4C on #BA97A9	3.47:1	AA large
Aa #8EBAA6 on #985672	2.49:1	—
Aa #678779 on #673C4C	2.29:1	—
Aa #985672 on #BA97A9	2.07:1	—
Aa #678779 on #8EBAA6	1.83:1	—

CSS variables

:root {
  --color-1: #678779; /* Aloe Vera */
  --color-2: #8ebaa6; /* Lichen */
  --color-3: #985672; /* Pink Tulip */
  --color-4: #673c4c; /* Crushed Violets */
  --color-5: #ba97a9; /* Violet Fantasy */
}

Other schemes from Aloe Vera

More Medium Green complementary palettes

Questions

What colors go with Aloe Vera?

In a complementary scheme: Lichen (#8EBAA6), Pink Tulip (#985672), Crushed Violets (#673C4C), Violet Fantasy (#BA97A9).

What is the hex code of Aloe Vera?

#678779.