Maple Syrup Complementary Color Scheme

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

#BB9351

#D5BC94

#5077BA

#335588

#9BACD8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Maple Syrup	`#BB9351`	187, 147, 81	37°, 44%, 53%	0, 21, 57, 27
Pebble Path	`#D5BC94`	213, 188, 148	37°, 44%, 71%	0, 12, 31, 16
Diva Violet	`#5077BA`	80, 119, 186	218°, 43%, 52%	57, 36, 0, 27
Glimpse of Void	`#335588`	51, 85, 136	216°, 45%, 37%	63, 38, 0, 47
Aster Flower Blue	`#9BACD8`	155, 172, 216	223°, 44%, 73%	28, 20, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D5BC94 on #335588	4.10:1	AA large
Aa #335588 on #9BACD8	3.32:1	AA large
Aa #BB9351 on #335588	2.65:1	—
Aa #D5BC94 on #5077BA	2.44:1	—
Aa #5077BA on #9BACD8	1.98:1	—
Aa #5077BA on #335588	1.68:1	—

CSS variables

:root {
  --color-1: #bb9351; /* Maple Syrup */
  --color-2: #d5bc94; /* Pebble Path */
  --color-3: #5077ba; /* Diva Violet */
  --color-4: #335588; /* Glimpse of Void */
  --color-5: #9bacd8; /* Aster Flower Blue */
}

Other schemes from Maple Syrup

More Medium Orange complementary palettes

Questions

What colors go with Maple Syrup?

In a complementary scheme: Pebble Path (#D5BC94), Diva Violet (#5077BA), Glimpse of Void (#335588), Aster Flower Blue (#9BACD8).

What is the hex code of Maple Syrup?

#BB9351.