Beet Wave Complementary Color Scheme

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

#D4265D

#E96A97

#24DA91

#1E9167

#7EF4CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Beet Wave	`#D4265D`	212, 38, 93	341°, 70%, 49%	0, 82, 56, 17
Shadow Azalea Pink	`#E96A97`	233, 106, 151	339°, 74%, 66%	0, 55, 35, 9
Reptile Green	`#24DA91`	36, 218, 145	156°, 72%, 50%	83, 0, 33, 15
Viridian	`#1E9167`	30, 145, 103	158°, 66%, 34%	79, 0, 29, 43
Light Turquoise	`#7EF4CC`	126, 244, 204	160°, 84%, 73%	48, 0, 16, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D4265D on #7EF4CC	3.71:1	AA large
Aa #1E9167 on #7EF4CC	2.96:1	—
Aa #D4265D on #24DA91	2.72:1	—
Aa #E96A97 on #7EF4CC	2.25:1	—
Aa #24DA91 on #1E9167	2.17:1	—
Aa #E96A97 on #24DA91	1.65:1	—

CSS variables

:root {
  --color-1: #d4265d; /* Beet Wave */
  --color-2: #e96a97; /* Shadow Azalea Pink */
  --color-3: #24da91; /* Reptile Green */
  --color-4: #1e9167; /* Viridian */
  --color-5: #7ef4cc; /* Light Turquoise */
}

Other schemes from Beet Wave

More Medium Pink complementary palettes

Questions

What colors go with Beet Wave?

In a complementary scheme: Shadow Azalea Pink (#E96A97), Reptile Green (#24DA91), Viridian (#1E9167), Light Turquoise (#7EF4CC).

What is the hex code of Beet Wave?

#D4265D.