Plunge Pool Complementary Color Scheme

Five colors arranged by the complementary rule around Plunge Pool (#00FFCC), each snapped to its nearest named color.

#00FFCC

#55FFCC

#FF0033

#BB0022

#FF6989

Color names and codes

Name	HEX	RGB	HSL	CMYK
Plunge Pool	`#00FFCC`	0, 255, 204	168°, 100%, 50%	100, 0, 20, 0
Rare Wind	`#55FFCC`	85, 255, 204	162°, 100%, 67%	67, 0, 20, 0
Hornet Sting	`#FF0033`	255, 0, 51	348°, 100%, 50%	0, 100, 80, 0
Pixel Bleeding	`#BB0022`	187, 0, 34	349°, 100%, 37%	0, 100, 82, 27
Berlin Pink	`#FF6989`	255, 105, 137	347°, 100%, 71%	0, 59, 46, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #55FFCC on #BB0022	5.28:1	AA
Aa #00FFCC on #BB0022	5.16:1	AA
Aa #55FFCC on #FF0033	3.13:1	AA large
Aa #00FFCC on #FF0033	3.05:1	AA large
Aa #BB0022 on #FF6989	2.43:1	—
Aa #55FFCC on #FF6989	2.17:1	—

CSS variables

:root {
  --color-1: #00ffcc; /* Plunge Pool */
  --color-2: #55ffcc; /* Rare Wind */
  --color-3: #ff0033; /* Hornet Sting */
  --color-4: #bb0022; /* Pixel Bleeding */
  --color-5: #ff6989; /* Berlin Pink */
}

Other schemes from Plunge Pool

More Medium Teal complementary palettes

Questions

What colors go with Plunge Pool?

In a complementary scheme: Rare Wind (#55FFCC), Hornet Sting (#FF0033), Pixel Bleeding (#BB0022), Berlin Pink (#FF6989).

What is the hex code of Plunge Pool?

#00FFCC.