Monstera Complementary Color Scheme

Five colors arranged by the complementary rule around Monstera (#5F674B), each snapped to its nearest named color.

#5F674B

#98A76E

#4D426E

#272A3B

#8272A4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Monstera	`#5F674B`	95, 103, 75	77°, 16%, 35%	8, 0, 27, 60
Green Plaza	`#98A76E`	152, 167, 110	76°, 24%, 54%	9, 0, 34, 35
Izmir Purple	`#4D426E`	77, 66, 110	255°, 25%, 35%	30, 40, 0, 57
Spinel Stone Black	`#272A3B`	39, 42, 59	231°, 20%, 19%	34, 29, 0, 77
Old Prune	`#8272A4`	130, 114, 164	259°, 22%, 55%	21, 30, 0, 36

Which pairs work for text

Text on background	Contrast	WCAG
Aa #98A76E on #272A3B	5.46:1	AA
Aa #98A76E on #4D426E	3.49:1	AA large
Aa #272A3B on #8272A4	3.30:1	AA large
Aa #5F674B on #272A3B	2.38:1	—
Aa #5F674B on #98A76E	2.29:1	—
Aa #4D426E on #8272A4	2.11:1	—

CSS variables

:root {
  --color-1: #5f674b; /* Monstera */
  --color-2: #98a76e; /* Green Plaza */
  --color-3: #4d426e; /* Izmir Purple */
  --color-4: #272a3b; /* Spinel Stone Black */
  --color-5: #8272a4; /* Old Prune */
}

Other schemes from Monstera

More Dark Green complementary palettes

Questions

What colors go with Monstera?

In a complementary scheme: Green Plaza (#98A76E), Izmir Purple (#4D426E), Spinel Stone Black (#272A3B), Old Prune (#8272A4).

What is the hex code of Monstera?

#5F674B.