Herbal Complementary Color Scheme

Five colors arranged by the complementary rule around Herbal (#29AB87), each snapped to its nearest named color.

#29AB87

#5FD1BA

#A92B4F

#6B1B2A

#DC6080

Color names and codes

Name	HEX	RGB	HSL	CMYK
Herbal	`#29AB87`	41, 171, 135	163°, 61%, 42%	76, 0, 21, 33
Sweet Garden	`#5FD1BA`	95, 209, 186	168°, 55%, 60%	55, 0, 11, 18
Primal Red	`#A92B4F`	169, 43, 79	343°, 59%, 42%	0, 75, 53, 34
Velvet Outbreak	`#6B1B2A`	107, 27, 42	349°, 60%, 26%	0, 75, 61, 58
Hint of Cherry	`#DC6080`	220, 96, 128	345°, 64%, 62%	0, 56, 42, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5FD1BA on #6B1B2A	6.23:1	AA
Aa #29AB87 on #6B1B2A	4.00:1	AA large
Aa #5FD1BA on #A92B4F	3.60:1	AA large
Aa #6B1B2A on #DC6080	3.32:1	AA large
Aa #29AB87 on #A92B4F	2.31:1	—
Aa #A92B4F on #DC6080	1.92:1	—

CSS variables

:root {
  --color-1: #29ab87; /* Herbal */
  --color-2: #5fd1ba; /* Sweet Garden */
  --color-3: #a92b4f; /* Primal Red */
  --color-4: #6b1b2a; /* Velvet Outbreak */
  --color-5: #dc6080; /* Hint of Cherry */
}

Other schemes from Herbal

More Medium Green complementary palettes

Questions

What colors go with Herbal?

In a complementary scheme: Sweet Garden (#5FD1BA), Primal Red (#A92B4F), Velvet Outbreak (#6B1B2A), Hint of Cherry (#DC6080).

What is the hex code of Herbal?

#29AB87.