Mangrove Complementary Color Scheme

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

#757461

#B3B17B

#4D5588

#333355

#888CBA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mangrove	`#757461`	117, 116, 97	57°, 9%, 42%	0, 1, 17, 54
Weeping Willow	`#B3B17B`	179, 177, 123	58°, 27%, 59%	0, 1, 31, 30
Baby Whale	`#4D5588`	77, 85, 136	232°, 28%, 42%	43, 38, 0, 47
Haunted Dreams	`#333355`	51, 51, 85	240°, 25%, 27%	40, 40, 0, 67
Soft Blue Lavender	`#888CBA`	136, 140, 186	235°, 27%, 63%	27, 25, 0, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B3B17B on #333355	5.44:1	AA
Aa #333355 on #888CBA	3.73:1	AA large
Aa #B3B17B on #4D5588	3.20:1	AA large
Aa #757461 on #333355	2.54:1	—
Aa #4D5588 on #888CBA	2.19:1	—
Aa #757461 on #B3B17B	2.14:1	—

CSS variables

:root {
  --color-1: #757461; /* Mangrove */
  --color-2: #b3b17b; /* Weeping Willow */
  --color-3: #4d5588; /* Baby Whale */
  --color-4: #333355; /* Haunted Dreams */
  --color-5: #888cba; /* Soft Blue Lavender */
}

Other schemes from Mangrove

More Medium Gray complementary palettes

Questions

What colors go with Mangrove?

In a complementary scheme: Weeping Willow (#B3B17B), Baby Whale (#4D5588), Haunted Dreams (#333355), Soft Blue Lavender (#888CBA).

What is the hex code of Mangrove?

#757461.