Warlord Complementary Color Scheme

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

#BA0033

#FF1155

#00BB88

#006E4E

#32FFDC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Warlord	`#BA0033`	186, 0, 51	344°, 100%, 36%	0, 100, 73, 27
Golden Blood	`#FF1155`	255, 17, 85	343°, 100%, 53%	0, 93, 67, 0
Slime Girl	`#00BB88`	0, 187, 136	164°, 100%, 37%	100, 0, 27, 27
Natural Watercourse	`#006E4E`	0, 110, 78	163°, 100%, 22%	100, 0, 29, 57
Aurichalcite	`#32FFDC`	50, 255, 220	170°, 100%, 60%	80, 0, 14, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BA0033 on #32FFDC	5.25:1	AA
Aa #006E4E on #32FFDC	4.93:1	AA
Aa #FF1155 on #32FFDC	3.02:1	AA large
Aa #BA0033 on #00BB88	2.70:1	—
Aa #00BB88 on #006E4E	2.53:1	—
Aa #00BB88 on #32FFDC	1.95:1	—

CSS variables

:root {
  --color-1: #ba0033; /* Warlord */
  --color-2: #ff1155; /* Golden Blood */
  --color-3: #00bb88; /* Slime Girl */
  --color-4: #006e4e; /* Natural Watercourse */
  --color-5: #32ffdc; /* Aurichalcite */
}

Other schemes from Warlord

More Dark Pink complementary palettes

Questions

What colors go with Warlord?

In a complementary scheme: Golden Blood (#FF1155), Slime Girl (#00BB88), Natural Watercourse (#006E4E), Aurichalcite (#32FFDC).

What is the hex code of Warlord?

#BA0033.