Electra Complementary Color Scheme

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

#55B492

#93D3BC

#B45877

#80365A

#D899B1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Electra	`#55B492`	85, 180, 146	159°, 39%, 52%	53, 0, 19, 29
Larimar Green	`#93D3BC`	147, 211, 188	158°, 42%, 70%	30, 0, 11, 17
Kir Royale Rose	`#B45877`	180, 88, 119	340°, 38%, 53%	0, 51, 34, 29
Alfonso Olive	`#80365A`	128, 54, 90	331°, 41%, 36%	0, 58, 30, 50
Haute Pink	`#D899B1`	216, 153, 177	337°, 45%, 72%	0, 29, 18, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #93D3BC on #80365A	4.74:1	AA
Aa #80365A on #D899B1	3.51:1	AA large
Aa #55B492 on #80365A	3.21:1	AA large
Aa #93D3BC on #B45877	2.67:1	—
Aa #B45877 on #D899B1	1.98:1	—
Aa #55B492 on #B45877	1.81:1	—

CSS variables

:root {
  --color-1: #55b492; /* Electra */
  --color-2: #93d3bc; /* Larimar Green */
  --color-3: #b45877; /* Kir Royale Rose */
  --color-4: #80365a; /* Alfonso Olive */
  --color-5: #d899b1; /* Haute Pink */
}

Other schemes from Electra

More Medium Green complementary palettes

Questions

What colors go with Electra?

In a complementary scheme: Larimar Green (#93D3BC), Kir Royale Rose (#B45877), Alfonso Olive (#80365A), Haute Pink (#D899B1).

What is the hex code of Electra?

#55B492.