Mangrove Triadic Color Scheme

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

#757461

#4D8681

#804B81

#BBB286

#365955

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mangrove	`#757461`	117, 116, 97	57°, 9%, 42%	0, 1, 17, 54
Jericho Jade	`#4D8681`	77, 134, 129	175°, 27%, 41%	43, 0, 4, 47
Vibrant Orchid	`#804B81`	128, 75, 129	299°, 26%, 40%	1, 42, 0, 49
Ryegrass	`#BBB286`	187, 178, 134	50°, 28%, 63%	0, 5, 28, 27
Crystal Ball	`#365955`	54, 89, 85	173°, 24%, 28%	39, 0, 4, 65

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBB286 on #365955	3.62:1	AA large
Aa #804B81 on #BBB286	3.03:1	AA large
Aa #757461 on #BBB286	2.22:1	—
Aa #4D8681 on #BBB286	1.95:1	—
Aa #4D8681 on #365955	1.86:1	—
Aa #757461 on #365955	1.63:1	—

CSS variables

:root {
  --color-1: #757461; /* Mangrove */
  --color-2: #4d8681; /* Jericho Jade */
  --color-3: #804b81; /* Vibrant Orchid */
  --color-4: #bbb286; /* Ryegrass */
  --color-5: #365955; /* Crystal Ball */
}

Other schemes from Mangrove

More Medium Gray triadic palettes

Questions

What colors go with Mangrove?

In a triadic scheme: Jericho Jade (#4D8681), Vibrant Orchid (#804B81), Ryegrass (#BBB286), Crystal Ball (#365955).

What is the hex code of Mangrove?

#757461.