Prairie Complementary Color Scheme

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

#0B9D6A

#0EE8A3

#9E003A

#550022

#EE1166

Color names and codes

Name	HEX	RGB	HSL	CMYK
Prairie	`#0B9D6A`	11, 157, 106	159°, 87%, 33%	93, 0, 32, 38
Mega Teal	`#0EE8A3`	14, 232, 163	161°, 89%, 48%	94, 0, 30, 9
Cranberry	`#9E003A`	158, 0, 58	338°, 100%, 31%	0, 100, 63, 38
Fig Balsamic	`#550022`	85, 0, 34	336°, 100%, 17%	0, 100, 60, 67
Borderline Pink	`#EE1166`	238, 17, 102	337°, 87%, 50%	0, 93, 57, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0EE8A3 on #550022	9.29:1	AAA
Aa #0EE8A3 on #9E003A	5.21:1	AA
Aa #0B9D6A on #550022	4.29:1	AA large
Aa #550022 on #EE1166	3.48:1	AA large
Aa #0EE8A3 on #EE1166	2.67:1	—
Aa #0B9D6A on #9E003A	2.40:1	—

CSS variables

:root {
  --color-1: #0b9d6a; /* Prairie */
  --color-2: #0ee8a3; /* Mega Teal */
  --color-3: #9e003a; /* Cranberry */
  --color-4: #550022; /* Fig Balsamic */
  --color-5: #ee1166; /* Borderline Pink */
}

Other schemes from Prairie

More Dark Green complementary palettes

Questions

What colors go with Prairie?

In a complementary scheme: Mega Teal (#0EE8A3), Cranberry (#9E003A), Fig Balsamic (#550022), Borderline Pink (#EE1166).

What is the hex code of Prairie?

#0B9D6A.