Mangrove Tetradic Color Scheme

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

#757461

#52896B

#4D5588

#875169

#BBB286

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mangrove	`#757461`	117, 116, 97	57°, 9%, 42%	0, 1, 17, 54
Saltwater Depth	`#52896B`	82, 137, 107	147°, 25%, 43%	40, 0, 22, 46
Baby Whale	`#4D5588`	77, 85, 136	232°, 28%, 42%	43, 38, 0, 47
Raspberry Crush	`#875169`	135, 81, 105	333°, 25%, 42%	0, 40, 22, 47
Ryegrass	`#BBB286`	187, 178, 134	50°, 28%, 63%	0, 5, 28, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4D5588 on #BBB286	3.31:1	AA large
Aa #875169 on #BBB286	2.88:1	—
Aa #757461 on #BBB286	2.22:1	—
Aa #52896B on #BBB286	1.91:1	—
Aa #52896B on #4D5588	1.73:1	—
Aa #52896B on #875169	1.51:1	—

CSS variables

:root {
  --color-1: #757461; /* Mangrove */
  --color-2: #52896b; /* Saltwater Depth */
  --color-3: #4d5588; /* Baby Whale */
  --color-4: #875169; /* Raspberry Crush */
  --color-5: #bbb286; /* Ryegrass */
}

Other schemes from Mangrove

More Medium Gray tetradic palettes

Questions

What colors go with Mangrove?

In a tetradic scheme: Saltwater Depth (#52896B), Baby Whale (#4D5588), Raspberry Crush (#875169), Ryegrass (#BBB286).

What is the hex code of Mangrove?

#757461.