Fern Tetradic Color Scheme

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

#548D44

#44798E

#784384

#8F5C45

#8ABD7B

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fern	`#548D44`	84, 141, 68	107°, 35%, 41%	40, 0, 52, 45
Jelly Bean	`#44798E`	68, 121, 142	197°, 35%, 41%	52, 15, 0, 44
Nightly Violet	`#784384`	120, 67, 132	289°, 33%, 39%	9, 49, 0, 48
Artisan	`#8F5C45`	143, 92, 69	19°, 35%, 42%	0, 36, 52, 44
Baby Grass	`#8ABD7B`	138, 189, 123	106°, 33%, 61%	27, 0, 35, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #784384 on #8ABD7B	3.29:1	AA large
Aa #8F5C45 on #8ABD7B	2.55:1	—
Aa #44798E on #8ABD7B	2.21:1	—
Aa #548D44 on #8ABD7B	1.83:1	—
Aa #548D44 on #784384	1.80:1	—
Aa #44798E on #784384	1.49:1	—

CSS variables

:root {
  --color-1: #548d44; /* Fern */
  --color-2: #44798e; /* Jelly Bean */
  --color-3: #784384; /* Nightly Violet */
  --color-4: #8f5c45; /* Artisan */
  --color-5: #8abd7b; /* Baby Grass */
}

Other schemes from Fern

More Medium Green tetradic palettes

Questions

What colors go with Fern?

In a tetradic scheme: Jelly Bean (#44798E), Nightly Violet (#784384), Artisan (#8F5C45), Baby Grass (#8ABD7B).

What is the hex code of Fern?

#548D44.