Bruise Complementary Color Scheme

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

#7E4071

#B26BA2

#437B48

#224634

#6EB478

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bruise	`#7E4071`	126, 64, 113	313°, 33%, 37%	0, 49, 10, 51
Pink Parade	`#B26BA2`	178, 107, 162	314°, 32%, 56%	0, 40, 9, 30
Kemp Kelly	`#437B48`	67, 123, 72	125°, 29%, 37%	46, 0, 41, 52
Birōdo Green	`#224634`	34, 70, 52	150°, 35%, 20%	51, 0, 26, 73
Appleton	`#6EB478`	110, 180, 120	129°, 32%, 57%	39, 0, 33, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #224634 on #6EB478	4.24:1	AA large
Aa #7E4071 on #6EB478	2.96:1	—
Aa #B26BA2 on #224634	2.77:1	—
Aa #437B48 on #224634	2.09:1	—
Aa #437B48 on #6EB478	2.03:1	—
Aa #7E4071 on #B26BA2	1.93:1	—

CSS variables

:root {
  --color-1: #7e4071; /* Bruise */
  --color-2: #b26ba2; /* Pink Parade */
  --color-3: #437b48; /* Kemp Kelly */
  --color-4: #224634; /* Birōdo Green */
  --color-5: #6eb478; /* Appleton */
}

Other schemes from Bruise

More Dark Pink complementary palettes

Questions

What colors go with Bruise?

In a complementary scheme: Pink Parade (#B26BA2), Kemp Kelly (#437B48), Birōdo Green (#224634), Appleton (#6EB478).

What is the hex code of Bruise?

#7E4071.