Bison Complementary Color Scheme

Five colors arranged by the complementary rule around Bison (#6E4F3A), each snapped to its nearest named color.

#6E4F3A

#A67B5B

#3E586E

#21303E

#658FAA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bison	`#6E4F3A`	110, 79, 58	24°, 31%, 33%	0, 28, 47, 57
Tuscan Soil	`#A67B5B`	166, 123, 91	26°, 30%, 50%	0, 26, 45, 35
Atlantic Tide	`#3E586E`	62, 88, 110	208°, 28%, 34%	44, 20, 0, 57
Imperial Primer	`#21303E`	33, 48, 62	209°, 31%, 19%	47, 23, 0, 76
Treasure Map Waters	`#658FAA`	101, 143, 170	203°, 29%, 53%	41, 16, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #21303E on #658FAA	3.89:1	AA large
Aa #A67B5B on #21303E	3.60:1	AA large
Aa #3E586E on #658FAA	2.15:1	—
Aa #6E4F3A on #658FAA	2.13:1	—
Aa #A67B5B on #3E586E	1.98:1	—
Aa #6E4F3A on #A67B5B	1.97:1	—

CSS variables

:root {
  --color-1: #6e4f3a; /* Bison */
  --color-2: #a67b5b; /* Tuscan Soil */
  --color-3: #3e586e; /* Atlantic Tide */
  --color-4: #21303e; /* Imperial Primer */
  --color-5: #658faa; /* Treasure Map Waters */
}

Other schemes from Bison

More Dark Orange complementary palettes

Questions

What colors go with Bison?

In a complementary scheme: Tuscan Soil (#A67B5B), Atlantic Tide (#3E586E), Imperial Primer (#21303E), Treasure Map Waters (#658FAA).

What is the hex code of Bison?

#6E4F3A.