Bellflower Complementary Color Scheme

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

#5D66AA

#939DCC

#B3A156

#7D7640

#CCC7A1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bellflower	`#5D66AA`	93, 102, 170	233°, 31%, 52%	45, 40, 0, 33
Velvet Robe	`#939DCC`	147, 157, 204	229°, 36%, 69%	28, 23, 0, 20
Gingko Leaf	`#B3A156`	179, 161, 86	48°, 38%, 52%	0, 10, 52, 30
Steppe Green	`#7D7640`	125, 118, 64	53°, 32%, 37%	0, 6, 49, 51
Floating Lily Pad	`#CCC7A1`	204, 199, 161	53°, 30%, 72%	0, 2, 21, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5D66AA on #CCC7A1	3.10:1	AA large
Aa #7D7640 on #CCC7A1	2.70:1	—
Aa #5D66AA on #B3A156	2.06:1	—
Aa #5D66AA on #939DCC	2.01:1	—
Aa #B3A156 on #7D7640	1.80:1	—
Aa #939DCC on #7D7640	1.75:1	—

CSS variables

:root {
  --color-1: #5d66aa; /* Bellflower */
  --color-2: #939dcc; /* Velvet Robe */
  --color-3: #b3a156; /* Gingko Leaf */
  --color-4: #7d7640; /* Steppe Green */
  --color-5: #ccc7a1; /* Floating Lily Pad */
}

Other schemes from Bellflower

More Medium Blue complementary palettes

Questions

What colors go with Bellflower?

In a complementary scheme: Velvet Robe (#939DCC), Gingko Leaf (#B3A156), Steppe Green (#7D7640), Floating Lily Pad (#CCC7A1).

What is the hex code of Bellflower?

#5D66AA.