Backyard Complementary Color Scheme

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

#879877

#B5C7A4

#876FA3

#614A7B

#BCACCD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Backyard	`#879877`	135, 152, 119	91°, 14%, 53%	11, 0, 22, 40
Freshwater Green	`#B5C7A4`	181, 199, 164	91°, 24%, 71%	9, 0, 18, 22
Babiana	`#876FA3`	135, 111, 163	268°, 22%, 54%	17, 32, 0, 36
Royal Robe	`#614A7B`	97, 74, 123	268°, 25%, 39%	21, 40, 0, 52
Jacey’s Favourite	`#BCACCD`	188, 172, 205	269°, 25%, 74%	8, 16, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B5C7A4 on #614A7B	4.21:1	AA large
Aa #614A7B on #BCACCD	3.58:1	AA large
Aa #879877 on #614A7B	2.45:1	—
Aa #B5C7A4 on #876FA3	2.41:1	—
Aa #876FA3 on #BCACCD	2.05:1	—
Aa #876FA3 on #614A7B	1.74:1	—

CSS variables

:root {
  --color-1: #879877; /* Backyard */
  --color-2: #b5c7a4; /* Freshwater Green */
  --color-3: #876fa3; /* Babiana */
  --color-4: #614a7b; /* Royal Robe */
  --color-5: #bcaccd; /* Jacey’s Favourite */
}

Other schemes from Backyard

More Medium Green complementary palettes

Questions

What colors go with Backyard?

In a complementary scheme: Freshwater Green (#B5C7A4), Babiana (#876FA3), Royal Robe (#614A7B), Jacey’s Favourite (#BCACCD).

What is the hex code of Backyard?

#879877.