Mauve It Complementary Color Scheme

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

#BB4466

#D5869D

#42B395

#35836A

#93D8C2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mauve It	`#BB4466`	187, 68, 102	343°, 47%, 50%	0, 64, 45, 27
Dull Pink	`#D5869D`	213, 134, 157	343°, 48%, 68%	0, 37, 26, 16
Green Blue	`#42B395`	66, 179, 149	164°, 46%, 48%	63, 0, 17, 30
Dream Green	`#35836A`	53, 131, 106	161°, 42%, 36%	60, 0, 19, 49
Chloride	`#93D8C2`	147, 216, 194	161°, 47%, 71%	32, 0, 10, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BB4466 on #93D8C2	3.11:1	AA large
Aa #35836A on #93D8C2	2.79:1	—
Aa #BB4466 on #42B395	1.96:1	—
Aa #BB4466 on #D5869D	1.87:1	—
Aa #42B395 on #35836A	1.76:1	—
Aa #D5869D on #35836A	1.68:1	—

CSS variables

:root {
  --color-1: #bb4466; /* Mauve It */
  --color-2: #d5869d; /* Dull Pink */
  --color-3: #42b395; /* Green Blue */
  --color-4: #35836a; /* Dream Green */
  --color-5: #93d8c2; /* Chloride */
}

Other schemes from Mauve It

More Medium Pink complementary palettes

Questions

What colors go with Mauve It?

In a complementary scheme: Dull Pink (#D5869D), Green Blue (#42B395), Dream Green (#35836A), Chloride (#93D8C2).

What is the hex code of Mauve It?

#BB4466.