Evergreen Complementary Color Scheme

Five colors arranged by the complementary rule around Evergreen (#125B49), each snapped to its nearest named color.

#125B49

#29AB87

#4C1C24

#150811

#B22743

Color names and codes

Name	HEX	RGB	HSL	CMYK
Evergreen	`#125B49`	18, 91, 73	165°, 67%, 21%	80, 0, 20, 64
Herbal	`#29AB87`	41, 171, 135	163°, 61%, 42%	76, 0, 21, 33
Vino Tinto	`#4C1C24`	76, 28, 36	350°, 46%, 20%	0, 63, 53, 70
Noir Fiction	`#150811`	21, 8, 17	318°, 45%, 6%	0, 62, 19, 92
Cherryade	`#B22743`	178, 39, 67	348°, 64%, 43%	0, 78, 62, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #29AB87 on #150811	6.76:1	AA
Aa #29AB87 on #4C1C24	4.85:1	AA
Aa #150811 on #B22743	3.04:1	AA large
Aa #125B49 on #29AB87	2.78:1	—
Aa #125B49 on #150811	2.44:1	—
Aa #29AB87 on #B22743	2.23:1	—

CSS variables

:root {
  --color-1: #125b49; /* Evergreen */
  --color-2: #29ab87; /* Herbal */
  --color-3: #4c1c24; /* Vino Tinto */
  --color-4: #150811; /* Noir Fiction */
  --color-5: #b22743; /* Cherryade */
}

Other schemes from Evergreen

More Dark Teal complementary palettes

Questions

What colors go with Evergreen?

In a complementary scheme: Herbal (#29AB87), Vino Tinto (#4C1C24), Noir Fiction (#150811), Cherryade (#B22743).

What is the hex code of Evergreen?

#125B49.