Annatto Tetradic Color Scheme

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

#8C5341

#548D44

#41788A

#784384

#BE8774

Color names and codes

Name	HEX	RGB	HSL	CMYK
Annatto	`#8C5341`	140, 83, 65	14°, 37%, 40%	0, 41, 54, 45
Fern	`#548D44`	84, 141, 68	107°, 35%, 41%	40, 0, 52, 45
Blue Catch	`#41788A`	65, 120, 138	195°, 36%, 40%	53, 13, 0, 46
Nightly Violet	`#784384`	120, 67, 132	289°, 33%, 39%	9, 49, 0, 48
Ginger Rose	`#BE8774`	190, 135, 116	15°, 36%, 60%	0, 29, 39, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #784384 on #BE8774	2.35:1	—
Aa #8C5341 on #BE8774	2.01:1	—
Aa #548D44 on #784384	1.80:1	—
Aa #41788A on #BE8774	1.61:1	—
Aa #8C5341 on #548D44	1.54:1	—
Aa #41788A on #784384	1.46:1	—

CSS variables

:root {
  --color-1: #8c5341; /* Annatto */
  --color-2: #548d44; /* Fern */
  --color-3: #41788a; /* Blue Catch */
  --color-4: #784384; /* Nightly Violet */
  --color-5: #be8774; /* Ginger Rose */
}

Other schemes from Annatto

More Medium Red tetradic palettes

Questions

What colors go with Annatto?

In a tetradic scheme: Fern (#548D44), Blue Catch (#41788A), Nightly Violet (#784384), Ginger Rose (#BE8774).

What is the hex code of Annatto?

#8C5341.