Warrior Complementary Color Scheme

Five colors arranged by the complementary rule around Warrior (#7D685B), each snapped to its nearest named color.

#7D685B

#AF9781

#4E7287

#334B58

#8CA6B5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Warrior	`#7D685B`	125, 104, 91	23°, 16%, 42%	0, 17, 27, 51
Mexican Sand	`#AF9781`	175, 151, 129	29°, 22%, 60%	0, 14, 26, 31
Inky Blue	`#4E7287`	78, 114, 135	202°, 27%, 42%	42, 16, 0, 47
Sailor’s Coat	`#334B58`	51, 75, 88	201°, 27%, 27%	42, 15, 0, 65
Blue Skylights	`#8CA6B5`	140, 166, 181	202°, 22%, 63%	23, 8, 0, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #334B58 on #8CA6B5	3.60:1	AA large
Aa #AF9781 on #334B58	3.31:1	AA large
Aa #7D685B on #8CA6B5	2.06:1	—
Aa #4E7287 on #8CA6B5	2.02:1	—
Aa #7D685B on #AF9781	1.89:1	—
Aa #AF9781 on #4E7287	1.85:1	—

CSS variables

:root {
  --color-1: #7d685b; /* Warrior */
  --color-2: #af9781; /* Mexican Sand */
  --color-3: #4e7287; /* Inky Blue */
  --color-4: #334b58; /* Sailor’s Coat */
  --color-5: #8ca6b5; /* Blue Skylights */
}

Other schemes from Warrior

More Medium Orange complementary palettes

Questions

What colors go with Warrior?

In a complementary scheme: Mexican Sand (#AF9781), Inky Blue (#4E7287), Sailor’s Coat (#334B58), Blue Skylights (#8CA6B5).

What is the hex code of Warrior?

#7D685B.