Viola Tetradic Color Scheme

Five colors arranged by the tetradic rule around Viola (#966EBD), each snapped to its nearest named color.

#966EBD

#BF6C6E

#8CBF6F

#70BBBF

#C4B7D8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Viola	`#966EBD`	150, 110, 189	270°, 37%, 59%	21, 42, 0, 26
Watermelon Crush	`#BF6C6E`	191, 108, 110	359°, 39%, 59%	0, 43, 42, 25
Laudable Lime	`#8CBF6F`	140, 191, 111	98°, 38%, 59%	27, 0, 42, 25
Aqua Sky	`#70BBBF`	112, 187, 191	183°, 38%, 59%	41, 2, 0, 25
Tinted Iris	`#C4B7D8`	196, 183, 216	264°, 30%, 78%	9, 15, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #966EBD on #C4B7D8	2.11:1	—
Aa #BF6C6E on #C4B7D8	1.99:1	—
Aa #966EBD on #8CBF6F	1.86:1	—
Aa #966EBD on #70BBBF	1.81:1	—
Aa #BF6C6E on #8CBF6F	1.75:1	—
Aa #BF6C6E on #70BBBF	1.71:1	—

CSS variables

:root {
  --color-1: #966ebd; /* Viola */
  --color-2: #bf6c6e; /* Watermelon Crush */
  --color-3: #8cbf6f; /* Laudable Lime */
  --color-4: #70bbbf; /* Aqua Sky */
  --color-5: #c4b7d8; /* Tinted Iris */
}

Other schemes from Viola

More Medium Purple tetradic palettes

Questions

What colors go with Viola?

In a tetradic scheme: Watermelon Crush (#BF6C6E), Laudable Lime (#8CBF6F), Aqua Sky (#70BBBF), Tinted Iris (#C4B7D8).

What is the hex code of Viola?

#966EBD.