Campanula Complementary Color Scheme

Five colors arranged by the complementary rule around Campanula (#3473B7), each snapped to its nearest named color.

#3473B7

#71A2D4

#BB7733

#775020

#DDAA77

Color names and codes

Name	HEX	RGB	HSL	CMYK
Campanula	`#3473B7`	52, 115, 183	211°, 56%, 46%	72, 37, 0, 28
Kindred	`#71A2D4`	113, 162, 212	210°, 54%, 64%	47, 24, 0, 17
Fire Lord	`#BB7733`	187, 119, 51	30°, 57%, 47%	0, 36, 73, 27
Trojan Horse Brown	`#775020`	119, 80, 32	33°, 58%, 30%	0, 33, 73, 53
Sweet Cashew	`#DDAA77`	221, 170, 119	30°, 60%, 67%	0, 23, 46, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #775020 on #DDAA77	3.42:1	AA large
Aa #71A2D4 on #775020	2.65:1	—
Aa #3473B7 on #DDAA77	2.36:1	—
Aa #BB7733 on #775020	1.96:1	—
Aa #3473B7 on #71A2D4	1.83:1	—
Aa #BB7733 on #DDAA77	1.74:1	—

CSS variables

:root {
  --color-1: #3473b7; /* Campanula */
  --color-2: #71a2d4; /* Kindred */
  --color-3: #bb7733; /* Fire Lord */
  --color-4: #775020; /* Trojan Horse Brown */
  --color-5: #ddaa77; /* Sweet Cashew */
}

Other schemes from Campanula

More Medium Blue complementary palettes

Questions

What colors go with Campanula?

In a complementary scheme: Kindred (#71A2D4), Fire Lord (#BB7733), Trojan Horse Brown (#775020), Sweet Cashew (#DDAA77).

What is the hex code of Campanula?

#3473B7.