Viridian Complementary Color Scheme

Five colors arranged by the complementary rule around Viridian (#1E9167), each snapped to its nearest named color.

#1E9167

#33CC99

#941751

#441122

#CF3C71

Color names and codes

Name	HEX	RGB	HSL	CMYK
Viridian	`#1E9167`	30, 145, 103	158°, 66%, 34%	79, 0, 29, 43
Dark Shamrock	`#33CC99`	51, 204, 153	160°, 60%, 50%	75, 0, 25, 20
Wine Grape	`#941751`	148, 23, 81	332°, 73%, 34%	0, 84, 45, 42
What We Do in the Shadows	`#441122`	68, 17, 34	340°, 60%, 17%	0, 75, 50, 73
Qermez Red	`#CF3C71`	207, 60, 113	338°, 60%, 52%	0, 71, 45, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #33CC99 on #441122	7.59:1	AAA
Aa #33CC99 on #941751	4.09:1	AA large
Aa #1E9167 on #441122	3.93:1	AA large
Aa #441122 on #CF3C71	3.36:1	AA large
Aa #33CC99 on #CF3C71	2.26:1	—
Aa #1E9167 on #941751	2.12:1	—

CSS variables

:root {
  --color-1: #1e9167; /* Viridian */
  --color-2: #33cc99; /* Dark Shamrock */
  --color-3: #941751; /* Wine Grape */
  --color-4: #441122; /* What We Do in the Shadows */
  --color-5: #cf3c71; /* Qermez Red */
}

Other schemes from Viridian

More Dark Green complementary palettes

Questions

What colors go with Viridian?

In a complementary scheme: Dark Shamrock (#33CC99), Wine Grape (#941751), What We Do in the Shadows (#441122), Qermez Red (#CF3C71).

What is the hex code of Viridian?

#1E9167.