Mangrove Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Mangrove (#757461), each snapped to its nearest named color.

#21211D

#4D483D

#757461

#9E9B88

#BEBFB2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Petroleum	`#21211D`	33, 33, 29	60°, 6%, 12%	0, 0, 12, 87
Philosophically Speaking	`#4D483D`	77, 72, 61	41°, 12%, 27%	0, 6, 21, 70
Mangrove	`#757461`	117, 116, 97	57°, 9%, 42%	0, 1, 17, 54
Milk Thistle	`#9E9B88`	158, 155, 136	52°, 10%, 58%	0, 2, 14, 38
Austere Grey	`#BEBFB2`	190, 191, 178	65°, 9%, 72%	1, 0, 7, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #21211D on #BEBFB2	8.68:1	AAA
Aa #21211D on #9E9B88	5.77:1	AA
Aa #4D483D on #BEBFB2	4.89:1	AA
Aa #21211D on #757461	3.41:1	AA large
Aa #4D483D on #9E9B88	3.25:1	AA large
Aa #757461 on #BEBFB2	2.55:1	—

CSS variables

:root {
  --color-1: #21211d; /* Petroleum */
  --color-2: #4d483d; /* Philosophically Speaking */
  --color-3: #757461; /* Mangrove */
  --color-4: #9e9b88; /* Milk Thistle */
  --color-5: #bebfb2; /* Austere Grey */
}

Other schemes from Mangrove

More Medium Gray monochromatic palettes

Questions

What colors go with Mangrove?

In a monochromatic scheme: Petroleum (#21211D), Philosophically Speaking (#4D483D), Milk Thistle (#9E9B88), Austere Grey (#BEBFB2).

What is the hex code of Mangrove?

#757461.