Flirt Complementary Color Scheme

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

#7A2E4D

#BB4477

#2E7B52

#1B4636

#51BF8A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Flirt	`#7A2E4D`	122, 46, 77	336°, 45%, 33%	0, 62, 37, 52
Mauve Mystique	`#BB4477`	187, 68, 119	334°, 47%, 50%	0, 64, 36, 27
Canadian Pine	`#2E7B52`	46, 123, 82	148°, 46%, 33%	63, 0, 33, 52
Sherwood Green	`#1B4636`	27, 70, 54	158°, 44%, 19%	61, 0, 23, 73
Garish Green	`#51BF8A`	81, 191, 138	151°, 46%, 53%	58, 0, 28, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1B4636 on #51BF8A	4.64:1	AA
Aa #7A2E4D on #51BF8A	3.94:1	AA large
Aa #2E7B52 on #51BF8A	2.25:1	—
Aa #BB4477 on #51BF8A	2.18:1	—
Aa #BB4477 on #1B4636	2.13:1	—
Aa #2E7B52 on #1B4636	2.06:1	—

CSS variables

:root {
  --color-1: #7a2e4d; /* Flirt */
  --color-2: #bb4477; /* Mauve Mystique */
  --color-3: #2e7b52; /* Canadian Pine */
  --color-4: #1b4636; /* Sherwood Green */
  --color-5: #51bf8a; /* Garish Green */
}

Other schemes from Flirt

More Dark Pink complementary palettes

Questions

What colors go with Flirt?

In a complementary scheme: Mauve Mystique (#BB4477), Canadian Pine (#2E7B52), Sherwood Green (#1B4636), Garish Green (#51BF8A).

What is the hex code of Flirt?

#7A2E4D.