Mosslands Complementary Color Scheme

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

#779966

#A7C297

#86619F

#62416D

#BB9ECA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mosslands	`#779966`	119, 153, 102	100°, 20%, 50%	22, 0, 33, 40
Heartland Frosty	`#A7C297`	167, 194, 151	98°, 26%, 68%	14, 0, 22, 24
Chive Blossom	`#86619F`	134, 97, 159	276°, 24%, 50%	16, 39, 0, 38
Magenta Red Lips	`#62416D`	98, 65, 109	285°, 25%, 34%	10, 40, 0, 57
Purple Prophet	`#BB9ECA`	187, 158, 202	280°, 29%, 71%	7, 22, 0, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A7C297 on #62416D	4.33:1	AA large
Aa #62416D on #BB9ECA	3.55:1	AA large
Aa #779966 on #62416D	2.62:1	—
Aa #A7C297 on #86619F	2.56:1	—
Aa #86619F on #BB9ECA	2.10:1	—
Aa #86619F on #62416D	1.69:1	—

CSS variables

:root {
  --color-1: #779966; /* Mosslands */
  --color-2: #a7c297; /* Heartland Frosty */
  --color-3: #86619f; /* Chive Blossom */
  --color-4: #62416d; /* Magenta Red Lips */
  --color-5: #bb9eca; /* Purple Prophet */
}

Other schemes from Mosslands

More Medium Green complementary palettes

Questions

What colors go with Mosslands?

In a complementary scheme: Heartland Frosty (#A7C297), Chive Blossom (#86619F), Magenta Red Lips (#62416D), Purple Prophet (#BB9ECA).

What is the hex code of Mosslands?

#779966.