Bellflower Tetradic Color Scheme

Five colors arranged by the tetradic rule around Bellflower (#5D66AA), each snapped to its nearest named color.

#5D66AA

#AC5D91

#B3A156

#5FA778

#A3A7CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bellflower	`#5D66AA`	93, 102, 170	233°, 31%, 52%	45, 40, 0, 33
Meadow Mauve	`#AC5D91`	172, 93, 145	321°, 32%, 52%	0, 46, 16, 33
Gingko Leaf	`#B3A156`	179, 161, 86	48°, 38%, 52%	0, 10, 52, 30
Shiny Shamrock	`#5FA778`	95, 167, 120	141°, 29%, 51%	43, 0, 28, 35
Blossom Mauve	`#A3A7CC`	163, 167, 204	234°, 29%, 72%	20, 18, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5D66AA on #A3A7CC	2.27:1	—
Aa #5D66AA on #B3A156	2.06:1	—
Aa #AC5D91 on #A3A7CC	1.89:1	—
Aa #5D66AA on #5FA778	1.85:1	—
Aa #AC5D91 on #B3A156	1.72:1	—
Aa #AC5D91 on #5FA778	1.54:1	—

CSS variables

:root {
  --color-1: #5d66aa; /* Bellflower */
  --color-2: #ac5d91; /* Meadow Mauve */
  --color-3: #b3a156; /* Gingko Leaf */
  --color-4: #5fa778; /* Shiny Shamrock */
  --color-5: #a3a7cc; /* Blossom Mauve */
}

Other schemes from Bellflower

More Medium Blue tetradic palettes

Questions

What colors go with Bellflower?

In a tetradic scheme: Meadow Mauve (#AC5D91), Gingko Leaf (#B3A156), Shiny Shamrock (#5FA778), Blossom Mauve (#A3A7CC).

What is the hex code of Bellflower?

#5D66AA.