Olivia Complementary Color Scheme

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

#996622

#CE9844

#225599

#123456

#5588DD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Olivia	`#996622`	153, 102, 34	34°, 64%, 37%	0, 33, 78, 40
Mayan Treasure	`#CE9844`	206, 152, 68	37°, 58%, 54%	0, 26, 67, 19
Fist of the North Star	`#225599`	34, 85, 153	214°, 64%, 37%	78, 44, 0, 40
Incremental Blue	`#123456`	18, 52, 86	210°, 65%, 20%	79, 40, 0, 66
Blue Jay	`#5588DD`	85, 136, 221	218°, 67%, 60%	62, 38, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CE9844 on #123456	4.97:1	AA
Aa #123456 on #5588DD	3.60:1	AA large
Aa #CE9844 on #225599	2.90:1	—
Aa #996622 on #123456	2.59:1	—
Aa #225599 on #5588DD	2.11:1	—
Aa #996622 on #CE9844	1.92:1	—

CSS variables

:root {
  --color-1: #996622; /* Olivia */
  --color-2: #ce9844; /* Mayan Treasure */
  --color-3: #225599; /* Fist of the North Star */
  --color-4: #123456; /* Incremental Blue */
  --color-5: #5588dd; /* Blue Jay */
}

Other schemes from Olivia

More Dark Orange complementary palettes

Questions

What colors go with Olivia?

In a complementary scheme: Mayan Treasure (#CE9844), Fist of the North Star (#225599), Incremental Blue (#123456), Blue Jay (#5588DD).

What is the hex code of Olivia?

#996622.