Lifeguard Complementary Color Scheme

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

#E50000

#FF4040

#00EEEE

#009999

#55FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lifeguard	`#E50000`	229, 0, 0	0°, 100%, 45%	0, 100, 100, 10
Red Coral	`#FF4040`	255, 64, 64	0°, 100%, 63%	0, 75, 75, 0
Cold Light of Day	`#00EEEE`	0, 238, 238	180°, 100%, 47%	100, 0, 0, 7
Regula Barbara Blue	`#009999`	0, 153, 153	180°, 100%, 30%	100, 0, 0, 40
Electric Sheep	`#55FFFF`	85, 255, 255	180°, 100%, 67%	67, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E50000 on #55FFFF	3.96:1	AA large
Aa #E50000 on #00EEEE	3.34:1	AA large
Aa #009999 on #55FFFF	2.85:1	—
Aa #FF4040 on #55FFFF	2.83:1	—
Aa #00EEEE on #009999	2.40:1	—
Aa #FF4040 on #00EEEE	2.39:1	—

CSS variables

:root {
  --color-1: #e50000; /* Lifeguard */
  --color-2: #ff4040; /* Red Coral */
  --color-3: #00eeee; /* Cold Light of Day */
  --color-4: #009999; /* Regula Barbara Blue */
  --color-5: #55ffff; /* Electric Sheep */
}

Other schemes from Lifeguard

More Medium Red complementary palettes

Questions

What colors go with Lifeguard?

In a complementary scheme: Red Coral (#FF4040), Cold Light of Day (#00EEEE), Regula Barbara Blue (#009999), Electric Sheep (#55FFFF).

What is the hex code of Lifeguard?

#E50000.