Capers Complementary Color Scheme

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

#897A3E

#BBA86A

#3A4C88

#243256

#6A7DBC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Capers	`#897A3E`	137, 122, 62	48°, 38%, 39%	0, 11, 55, 46
Sassy Green	`#BBA86A`	187, 168, 106	46°, 37%, 57%	0, 10, 43, 27
Jazzy Blue	`#3A4C88`	58, 76, 136	226°, 40%, 38%	57, 44, 0, 47
Boatswain	`#243256`	36, 50, 86	223°, 41%, 24%	58, 42, 0, 66
Persian Jewel	`#6A7DBC`	106, 125, 188	226°, 38%, 58%	44, 34, 0, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBA86A on #243256	5.36:1	AA
Aa #BBA86A on #3A4C88	3.47:1	AA large
Aa #243256 on #6A7DBC	3.17:1	AA large
Aa #897A3E on #243256	2.95:1	—
Aa #3A4C88 on #6A7DBC	2.05:1	—
Aa #897A3E on #3A4C88	1.91:1	—

CSS variables

:root {
  --color-1: #897a3e; /* Capers */
  --color-2: #bba86a; /* Sassy Green */
  --color-3: #3a4c88; /* Jazzy Blue */
  --color-4: #243256; /* Boatswain */
  --color-5: #6a7dbc; /* Persian Jewel */
}

Other schemes from Capers

More Dark Yellow complementary palettes

Questions

What colors go with Capers?

In a complementary scheme: Sassy Green (#BBA86A), Jazzy Blue (#3A4C88), Boatswain (#243256), Persian Jewel (#6A7DBC).

What is the hex code of Capers?

#897A3E.