Annatto Complementary Color Scheme

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

#8C5341

#BA816E

#41788A

#2A4B5A

#75AEBD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Annatto	`#8C5341`	140, 83, 65	14°, 37%, 40%	0, 41, 54, 45
Western Pink	`#BA816E`	186, 129, 110	15°, 36%, 58%	0, 31, 41, 27
Blue Catch	`#41788A`	65, 120, 138	195°, 36%, 40%	53, 13, 0, 46
Deep Sea Blue	`#2A4B5A`	42, 75, 90	199°, 36%, 26%	53, 17, 0, 65
Blue Eye Samurai	`#75AEBD`	117, 174, 189	193°, 35%, 60%	38, 8, 0, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2A4B5A on #75AEBD	3.79:1	AA large
Aa #BA816E on #2A4B5A	2.86:1	—
Aa #8C5341 on #75AEBD	2.49:1	—
Aa #41788A on #75AEBD	2.00:1	—
Aa #41788A on #2A4B5A	1.90:1	—
Aa #8C5341 on #BA816E	1.88:1	—

CSS variables

:root {
  --color-1: #8c5341; /* Annatto */
  --color-2: #ba816e; /* Western Pink */
  --color-3: #41788a; /* Blue Catch */
  --color-4: #2a4b5a; /* Deep Sea Blue */
  --color-5: #75aebd; /* Blue Eye Samurai */
}

Other schemes from Annatto

More Medium Red complementary palettes

Questions

What colors go with Annatto?

In a complementary scheme: Western Pink (#BA816E), Blue Catch (#41788A), Deep Sea Blue (#2A4B5A), Blue Eye Samurai (#75AEBD).

What is the hex code of Annatto?

#8C5341.