Lifeline Complementary Color Scheme

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

#990033

#EE0055

#009966

#014E2E

#00FFAA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lifeline	`#990033`	153, 0, 51	340°, 100%, 30%	0, 100, 67, 40
Strawberry Smash	`#EE0055`	238, 0, 85	339°, 100%, 47%	0, 100, 64, 7
Green Cyan	`#009966`	0, 153, 102	160°, 100%, 30%	100, 0, 33, 40
Troll Green	`#014E2E`	1, 78, 46	155°, 97%, 15%	99, 0, 41, 69
Enthusiasm	`#00FFAA`	0, 255, 170	160°, 100%, 50%	100, 0, 33, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #014E2E on #00FFAA	7.46:1	AAA
Aa #990033 on #00FFAA	6.61:1	AA
Aa #EE0055 on #00FFAA	3.33:1	AA large
Aa #009966 on #00FFAA	2.76:1	—
Aa #009966 on #014E2E	2.70:1	—
Aa #990033 on #009966	2.39:1	—

CSS variables

:root {
  --color-1: #990033; /* Lifeline */
  --color-2: #ee0055; /* Strawberry Smash */
  --color-3: #009966; /* Green Cyan */
  --color-4: #014e2e; /* Troll Green */
  --color-5: #00ffaa; /* Enthusiasm */
}

Other schemes from Lifeline

More Dark Pink complementary palettes

Questions

What colors go with Lifeline?

In a complementary scheme: Strawberry Smash (#EE0055), Green Cyan (#009966), Troll Green (#014E2E), Enthusiasm (#00FFAA).

What is the hex code of Lifeline?

#990033.