Opal Green Complementary Color Scheme

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

#157954

#23C48B

#771133

#330018

#CC2266

Color names and codes

Name	HEX	RGB	HSL	CMYK
Opal Green	`#157954`	21, 121, 84	158°, 70%, 28%	83, 0, 31, 53
Píng Gǔo Lǜ Green	`#23C48B`	35, 196, 139	159°, 70%, 45%	82, 0, 29, 23
Deep Claret	`#771133`	119, 17, 51	340°, 75%, 27%	0, 86, 57, 53
Rhodophobia	`#330018`	51, 0, 24	332°, 100%, 10%	0, 100, 53, 80
Sensitive Scorpion	`#CC2266`	204, 34, 102	336°, 71%, 47%	0, 83, 50, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #23C48B on #330018	8.09:1	AAA
Aa #23C48B on #771133	4.88:1	AA
Aa #330018 on #CC2266	3.46:1	AA large
Aa #157954 on #330018	3.38:1	AA large
Aa #157954 on #23C48B	2.40:1	—
Aa #23C48B on #CC2266	2.34:1	—

CSS variables

:root {
  --color-1: #157954; /* Opal Green */
  --color-2: #23c48b; /* Píng Gǔo Lǜ Green */
  --color-3: #771133; /* Deep Claret */
  --color-4: #330018; /* Rhodophobia */
  --color-5: #cc2266; /* Sensitive Scorpion */
}

Other schemes from Opal Green

More Dark Green complementary palettes

Questions

What colors go with Opal Green?

In a complementary scheme: Píng Gǔo Lǜ Green (#23C48B), Deep Claret (#771133), Rhodophobia (#330018), Sensitive Scorpion (#CC2266).

What is the hex code of Opal Green?

#157954.