Vibrant Mint Complementary Color Scheme

Five colors arranged by the complementary rule around Vibrant Mint (#00FFE5), each snapped to its nearest named color.

#00FFE5

#55FFEE

#FF0015

#BB0011

#FF6677

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vibrant Mint	`#00FFE5`	0, 255, 229	174°, 100%, 50%	100, 0, 10, 0
Icy Life	`#55FFEE`	85, 255, 238	174°, 100%, 67%	67, 0, 7, 0
British Phone Booth	`#FF0015`	255, 0, 21	355°, 100%, 50%	0, 100, 92, 0
Red Baron	`#BB0011`	187, 0, 17	355°, 100%, 37%	0, 100, 91, 27
Kisses and Hugs	`#FF6677`	255, 102, 119	353°, 100%, 70%	0, 60, 53, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #55FFEE on #BB0011	5.42:1	AA
Aa #00FFE5 on #BB0011	5.27:1	AA
Aa #55FFEE on #FF0015	3.22:1	AA large
Aa #00FFE5 on #FF0015	3.12:1	AA large
Aa #BB0011 on #FF6677	2.38:1	—
Aa #55FFEE on #FF6677	2.28:1	—

CSS variables

:root {
  --color-1: #00ffe5; /* Vibrant Mint */
  --color-2: #55ffee; /* Icy Life */
  --color-3: #ff0015; /* British Phone Booth */
  --color-4: #bb0011; /* Red Baron */
  --color-5: #ff6677; /* Kisses and Hugs */
}

Other schemes from Vibrant Mint

More Medium Teal complementary palettes

Questions

What colors go with Vibrant Mint?

In a complementary scheme: Icy Life (#55FFEE), British Phone Booth (#FF0015), Red Baron (#BB0011), Kisses and Hugs (#FF6677).

What is the hex code of Vibrant Mint?

#00FFE5.