Olive Complementary Color Scheme

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

#808010

#D0D418

#111188

#100438

#0011DD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Olive	`#808010`	128, 128, 16	60°, 78%, 28%	0, 0, 88, 50
Sun Flooded Woods	`#D0D418`	208, 212, 24	61°, 80%, 46%	2, 0, 89, 17
Galactic Cruise	`#111188`	17, 17, 136	240°, 78%, 30%	88, 88, 0, 47
Congressional Navy	`#100438`	16, 4, 56	254°, 87%, 12%	71, 93, 0, 78
Nightfall in Suburbia	`#0011DD`	0, 17, 221	235°, 100%, 43%	100, 92, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D0D418 on #100438	11.96:1	AAA
Aa #D0D418 on #111188	8.98:1	AAA
Aa #D0D418 on #0011DD	6.17:1	AA
Aa #808010 on #100438	4.57:1	AA
Aa #808010 on #111188	3.43:1	AA large
Aa #808010 on #D0D418	2.62:1	—

CSS variables

:root {
  --color-1: #808010; /* Olive */
  --color-2: #d0d418; /* Sun Flooded Woods */
  --color-3: #111188; /* Galactic Cruise */
  --color-4: #100438; /* Congressional Navy */
  --color-5: #0011dd; /* Nightfall in Suburbia */
}

Other schemes from Olive

More Dark Yellow complementary palettes

Questions

What colors go with Olive?

In a complementary scheme: Sun Flooded Woods (#D0D418), Galactic Cruise (#111188), Congressional Navy (#100438), Nightfall in Suburbia (#0011DD).

What is the hex code of Olive?

#808010.