Canadian Maple Complementary Color Scheme

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

#CAB266

#E0D2A9

#7777CC

#3356AA

#B6BFE5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Canadian Maple	`#CAB266`	202, 178, 102	46°, 49%, 60%	0, 12, 50, 21
Gratin Dauphinois	`#E0D2A9`	224, 210, 169	45°, 47%, 77%	0, 6, 25, 12
Kickstart Purple	`#7777CC`	119, 119, 204	240°, 45%, 63%	42, 42, 0, 20
Blasphemous Blue	`#3356AA`	51, 86, 170	222°, 54%, 43%	70, 49, 0, 33
Spoiled Rotten	`#B6BFE5`	182, 191, 229	229°, 47%, 81%	21, 17, 0, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E0D2A9 on #3356AA	4.57:1	AA
Aa #3356AA on #B6BFE5	3.79:1	AA large
Aa #CAB266 on #3356AA	3.30:1	AA large
Aa #E0D2A9 on #7777CC	2.64:1	—
Aa #7777CC on #B6BFE5	2.19:1	—
Aa #CAB266 on #7777CC	1.90:1	—

CSS variables

:root {
  --color-1: #cab266; /* Canadian Maple */
  --color-2: #e0d2a9; /* Gratin Dauphinois */
  --color-3: #7777cc; /* Kickstart Purple */
  --color-4: #3356aa; /* Blasphemous Blue */
  --color-5: #b6bfe5; /* Spoiled Rotten */
}

Other schemes from Canadian Maple

More Medium Yellow complementary palettes

Questions

What colors go with Canadian Maple?

In a complementary scheme: Gratin Dauphinois (#E0D2A9), Kickstart Purple (#7777CC), Blasphemous Blue (#3356AA), Spoiled Rotten (#B6BFE5).

What is the hex code of Canadian Maple?

#CAB266.