Mauve It Tetradic Color Scheme

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

#BB4466

#A1B841

#42B395

#5946B2

#D28CA7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mauve It	`#BB4466`	187, 68, 102	343°, 47%, 50%	0, 64, 45, 27
Clipped Grass	`#A1B841`	161, 184, 65	72°, 48%, 49%	13, 0, 65, 28
Green Blue	`#42B395`	66, 179, 149	164°, 46%, 48%	63, 0, 17, 30
Swiss Plum	`#5946B2`	89, 70, 178	251°, 44%, 49%	50, 61, 0, 30
Kiss	`#D28CA7`	210, 140, 167	337°, 44%, 69%	0, 33, 20, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A1B841 on #5946B2	3.21:1	AA large
Aa #42B395 on #5946B2	2.76:1	—
Aa #5946B2 on #D28CA7	2.73:1	—
Aa #BB4466 on #A1B841	2.29:1	—
Aa #BB4466 on #42B395	1.96:1	—
Aa #BB4466 on #D28CA7	1.95:1	—

CSS variables

:root {
  --color-1: #bb4466; /* Mauve It */
  --color-2: #a1b841; /* Clipped Grass */
  --color-3: #42b395; /* Green Blue */
  --color-4: #5946b2; /* Swiss Plum */
  --color-5: #d28ca7; /* Kiss */
}

Other schemes from Mauve It

More Medium Pink tetradic palettes

Questions

What colors go with Mauve It?

In a tetradic scheme: Clipped Grass (#A1B841), Green Blue (#42B395), Swiss Plum (#5946B2), Kiss (#D28CA7).

What is the hex code of Mauve It?

#BB4466.