Mosslands Triadic Color Scheme

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

#779966

#65769A

#9D6375

#AAC69A

#455371

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mosslands	`#779966`	119, 153, 102	100°, 20%, 50%	22, 0, 33, 40
Misty Harbour	`#65769A`	101, 118, 154	221°, 21%, 50%	34, 23, 0, 40
Jugendstil Pink	`#9D6375`	157, 99, 117	341°, 23%, 50%	0, 37, 25, 38
Geddy Green	`#AAC69A`	170, 198, 154	98°, 28%, 69%	14, 0, 22, 22
Signature Blue	`#455371`	69, 83, 113	221°, 24%, 36%	39, 27, 0, 56

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AAC69A on #455371	4.12:1	AA large
Aa #9D6375 on #AAC69A	2.51:1	—
Aa #65769A on #AAC69A	2.44:1	—
Aa #779966 on #455371	2.39:1	—
Aa #779966 on #AAC69A	1.72:1	—
Aa #65769A on #455371	1.69:1	—

CSS variables

:root {
  --color-1: #779966; /* Mosslands */
  --color-2: #65769a; /* Misty Harbour */
  --color-3: #9d6375; /* Jugendstil Pink */
  --color-4: #aac69a; /* Geddy Green */
  --color-5: #455371; /* Signature Blue */
}

Other schemes from Mosslands

More Medium Green triadic palettes

Questions

What colors go with Mosslands?

In a triadic scheme: Misty Harbour (#65769A), Jugendstil Pink (#9D6375), Geddy Green (#AAC69A), Signature Blue (#455371).

What is the hex code of Mosslands?

#779966.