Viridian Triadic Color Scheme

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

#1E9167

#661188

#97691E

#33CC99

#331155

Color names and codes

Name	HEX	RGB	HSL	CMYK
Viridian	`#1E9167`	30, 145, 103	158°, 66%, 34%	79, 0, 29, 43
Extraviolet	`#661188`	102, 17, 136	283°, 78%, 30%	25, 88, 0, 47
Mandolin	`#97691E`	151, 105, 30	37°, 67%, 35%	0, 30, 80, 41
Dark Shamrock	`#33CC99`	51, 204, 153	160°, 60%, 50%	75, 0, 25, 20
Vanishing	`#331155`	51, 17, 85	270°, 67%, 20%	40, 80, 0, 67

Which pairs work for text

Text on background	Contrast	WCAG
Aa #33CC99 on #331155	7.57:1	AAA
Aa #661188 on #33CC99	5.12:1	AA
Aa #1E9167 on #331155	3.92:1	AA large
Aa #97691E on #331155	3.22:1	AA large
Aa #1E9167 on #661188	2.65:1	—
Aa #97691E on #33CC99	2.35:1	—

CSS variables

:root {
  --color-1: #1e9167; /* Viridian */
  --color-2: #661188; /* Extraviolet */
  --color-3: #97691e; /* Mandolin */
  --color-4: #33cc99; /* Dark Shamrock */
  --color-5: #331155; /* Vanishing */
}

Other schemes from Viridian

More Dark Green triadic palettes

Questions

What colors go with Viridian?

In a triadic scheme: Extraviolet (#661188), Mandolin (#97691E), Dark Shamrock (#33CC99), Vanishing (#331155).

What is the hex code of Viridian?

#1E9167.