Fern Complementary Color Scheme

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

#548D44

#8CBF6F

#784384

#4A2A59

#AB7CB4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fern	`#548D44`	84, 141, 68	107°, 35%, 41%	40, 0, 52, 45
Laudable Lime	`#8CBF6F`	140, 191, 111	98°, 38%, 59%	27, 0, 42, 25
Nightly Violet	`#784384`	120, 67, 132	289°, 33%, 39%	9, 49, 0, 48
Deep Plum	`#4A2A59`	74, 42, 89	281°, 36%, 26%	17, 53, 0, 65
Berries Galore	`#AB7CB4`	171, 124, 180	290°, 27%, 60%	5, 31, 0, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8CBF6F on #4A2A59	5.55:1	AA
Aa #4A2A59 on #AB7CB4	3.55:1	AA large
Aa #8CBF6F on #784384	3.34:1	AA large
Aa #548D44 on #4A2A59	2.98:1	—
Aa #784384 on #AB7CB4	2.14:1	—
Aa #548D44 on #8CBF6F	1.86:1	—

CSS variables

:root {
  --color-1: #548d44; /* Fern */
  --color-2: #8cbf6f; /* Laudable Lime */
  --color-3: #784384; /* Nightly Violet */
  --color-4: #4a2a59; /* Deep Plum */
  --color-5: #ab7cb4; /* Berries Galore */
}

Other schemes from Fern

More Medium Green complementary palettes

Questions

What colors go with Fern?

In a complementary scheme: Laudable Lime (#8CBF6F), Nightly Violet (#784384), Deep Plum (#4A2A59), Berries Galore (#AB7CB4).

What is the hex code of Fern?

#548D44.