Opal Green Tetradic Color Scheme

Five colors arranged by the tetradic rule around Opal Green (#157954), each snapped to its nearest named color.

#157954

#221177

#771133

#717910

#22CC88

Color names and codes

Name	HEX	RGB	HSL	CMYK
Opal Green	`#157954`	21, 121, 84	158°, 70%, 28%	83, 0, 31, 53
Outer Rim	`#221177`	34, 17, 119	250°, 75%, 27%	71, 86, 0, 53
Deep Claret	`#771133`	119, 17, 51	340°, 75%, 27%	0, 86, 57, 53
Portuguese Green	`#717910`	113, 121, 16	65°, 77%, 27%	7, 0, 87, 53
Magical Malachite	`#22CC88`	34, 204, 136	156°, 71%, 47%	83, 0, 33, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #221177 on #22CC88	7.11:1	AAA
Aa #771133 on #22CC88	5.26:1	AA
Aa #221177 on #717910	3.14:1	AA large
Aa #157954 on #221177	2.75:1	—
Aa #157954 on #22CC88	2.58:1	—
Aa #771133 on #717910	2.32:1	—

CSS variables

:root {
  --color-1: #157954; /* Opal Green */
  --color-2: #221177; /* Outer Rim */
  --color-3: #771133; /* Deep Claret */
  --color-4: #717910; /* Portuguese Green */
  --color-5: #22cc88; /* Magical Malachite */
}

Other schemes from Opal Green

More Dark Green tetradic palettes

Questions

What colors go with Opal Green?

In a tetradic scheme: Outer Rim (#221177), Deep Claret (#771133), Portuguese Green (#717910), Magical Malachite (#22CC88).

What is the hex code of Opal Green?

#157954.