Spearmint Complementary Color Scheme

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

#64BFA4

#A5D8CD

#BD6973

#953D55

#DDAABB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Spearmint	`#64BFA4`	100, 191, 164	162°, 42%, 57%	48, 0, 14, 25
Whirlpool	`#A5D8CD`	165, 216, 205	167°, 40%, 75%	24, 0, 5, 15
Cherry Fizz	`#BD6973`	189, 105, 115	353°, 39%, 58%	0, 44, 39, 26
Ancient Magenta	`#953D55`	149, 61, 85	344°, 42%, 41%	0, 59, 43, 42
Apple Infusion	`#DDAABB`	221, 170, 187	340°, 43%, 77%	0, 23, 15, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A5D8CD on #953D55	4.32:1	AA large
Aa #953D55 on #DDAABB	3.43:1	AA large
Aa #64BFA4 on #953D55	3.10:1	AA large
Aa #A5D8CD on #BD6973	2.45:1	—
Aa #BD6973 on #DDAABB	1.94:1	—
Aa #BD6973 on #953D55	1.77:1	—

CSS variables

:root {
  --color-1: #64bfa4; /* Spearmint */
  --color-2: #a5d8cd; /* Whirlpool */
  --color-3: #bd6973; /* Cherry Fizz */
  --color-4: #953d55; /* Ancient Magenta */
  --color-5: #ddaabb; /* Apple Infusion */
}

Other schemes from Spearmint

More Medium Green complementary palettes

Questions

What colors go with Spearmint?

In a complementary scheme: Whirlpool (#A5D8CD), Cherry Fizz (#BD6973), Ancient Magenta (#953D55), Apple Infusion (#DDAABB).

What is the hex code of Spearmint?

#64BFA4.