Annatto Triadic Color Scheme

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

#8C5341

#418C53

#554488

#BE8774

#2B5D34

Color names and codes

Name	HEX	RGB	HSL	CMYK
Annatto	`#8C5341`	140, 83, 65	14°, 37%, 40%	0, 41, 54, 45
Medium Green	`#418C53`	65, 140, 83	134°, 37%, 40%	54, 0, 41, 45
Harvest Night	`#554488`	85, 68, 136	255°, 33%, 40%	38, 50, 0, 47
Ginger Rose	`#BE8774`	190, 135, 116	15°, 36%, 60%	0, 29, 39, 25
Pine	`#2B5D34`	43, 93, 52	131°, 37%, 27%	54, 0, 44, 64

Which pairs work for text

Text on background	Contrast	WCAG
Aa #554488 on #BE8774	2.69:1	—
Aa #BE8774 on #2B5D34	2.54:1	—
Aa #8C5341 on #BE8774	2.01:1	—
Aa #418C53 on #554488	1.99:1	—
Aa #418C53 on #2B5D34	1.88:1	—
Aa #8C5341 on #418C53	1.49:1	—

CSS variables

:root {
  --color-1: #8c5341; /* Annatto */
  --color-2: #418c53; /* Medium Green */
  --color-3: #554488; /* Harvest Night */
  --color-4: #be8774; /* Ginger Rose */
  --color-5: #2b5d34; /* Pine */
}

Other schemes from Annatto

More Medium Red triadic palettes

Questions

What colors go with Annatto?

In a triadic scheme: Medium Green (#418C53), Harvest Night (#554488), Ginger Rose (#BE8774), Pine (#2B5D34).

What is the hex code of Annatto?

#8C5341.