Prairie Tetradic Color Scheme

Five colors arranged by the tetradic rule around Prairie (#0B9D6A), each snapped to its nearest named color.

#0B9D6A

#220099

#9E003A

#889911

#17F9A6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Prairie	`#0B9D6A`	11, 157, 106	159°, 87%, 33%	93, 0, 32, 38
Blue Beetle	`#220099`	34, 0, 153	253°, 100%, 30%	78, 100, 0, 40
Cranberry	`#9E003A`	158, 0, 58	338°, 100%, 31%	0, 100, 63, 38
Densetsu Green	`#889911`	136, 153, 17	68°, 80%, 33%	11, 0, 89, 40
Hyperpop Green	`#17F9A6`	23, 249, 166	158°, 95%, 53%	91, 0, 33, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #220099 on #17F9A6	9.91:1	AAA
Aa #9E003A on #17F9A6	6.02:1	AA
Aa #220099 on #889911	4.33:1	AA large
Aa #0B9D6A on #220099	3.96:1	AA large
Aa #9E003A on #889911	2.63:1	—
Aa #0B9D6A on #17F9A6	2.50:1	—

CSS variables

:root {
  --color-1: #0b9d6a; /* Prairie */
  --color-2: #220099; /* Blue Beetle */
  --color-3: #9e003a; /* Cranberry */
  --color-4: #889911; /* Densetsu Green */
  --color-5: #17f9a6; /* Hyperpop Green */
}

Other schemes from Prairie

More Dark Green tetradic palettes

Questions

What colors go with Prairie?

In a tetradic scheme: Blue Beetle (#220099), Cranberry (#9E003A), Densetsu Green (#889911), Hyperpop Green (#17F9A6).

What is the hex code of Prairie?

#0B9D6A.