Mauve It Triadic Color Scheme

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

#BB4466

#66B348

#4C6CB3

#D28CA7

#448833

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Mauve It	`#BB4466`	187, 68, 102	343°, 47%, 50%	0, 64, 45, 27	55.9% 0.155 6
Sour Candy	`#66B348`	102, 179, 72	103°, 43%, 49%	43, 0, 60, 30	69.4% 0.162 138
Azraq Blue	`#4C6CB3`	76, 108, 179	221°, 40%, 50%	58, 40, 0, 30	54.1% 0.118 264
Kiss	`#D28CA7`	210, 140, 167	337°, 44%, 69%	0, 33, 20, 18	71.8% 0.091 355
Overgrown Mausoleum	`#448833`	68, 136, 51	108°, 45%, 37%	50, 0, 63, 47	56.3% 0.138 140

Which pairs work for text

Text on background	Contrast	WCAG
Aa #66B348 on #4C6CB3	1.98:1	—
Aa #BB4466 on #66B348	1.96:1	—
Aa #4C6CB3 on #D28CA7	1.96:1	—
Aa #BB4466 on #D28CA7	1.95:1	—
Aa #66B348 on #448833	1.68:1	—
Aa #D28CA7 on #448833	1.67:1	—

CSS variables

:root {
  --color-1: #bb4466; /* Mauve It */
  --color-2: #66b348; /* Sour Candy */
  --color-3: #4c6cb3; /* Azraq Blue */
  --color-4: #d28ca7; /* Kiss */
  --color-5: #448833; /* Overgrown Mausoleum */
}

Other schemes from Mauve It

More medium pink triadic color schemes

Questions

What colors go with Mauve It?

In a triadic scheme: Sour Candy (#66B348), Azraq Blue (#4C6CB3), Kiss (#D28CA7), Overgrown Mausoleum (#448833).

What is the hex code of Mauve It?

#BB4466.