Dragonfly Complementary Color Scheme

Five colors arranged by the complementary rule around Dragonfly (#314A76), each snapped to its nearest named color.

#314A76

#4C73AF

#755C32

#452C1F

#B49356

Color names and codes

Name	HEX	RGB	HSL	CMYK
Dragonfly	`#314A76`	49, 74, 118	218°, 41%, 33%	58, 37, 0, 54
Ramjet	`#4C73AF`	76, 115, 175	216°, 39%, 49%	57, 34, 0, 31
Florentine Dream	`#755C32`	117, 92, 50	38°, 40%, 33%	0, 21, 57, 54
Subterranean	`#452C1F`	69, 44, 31	21°, 38%, 20%	0, 36, 55, 73
Jungle Expedition	`#B49356`	180, 147, 86	39°, 39%, 52%	0, 18, 52, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #452C1F on #B49356	4.44:1	AA large
Aa #314A76 on #B49356	3.06:1	AA large
Aa #4C73AF on #452C1F	2.68:1	—
Aa #755C32 on #B49356	2.17:1	—
Aa #755C32 on #452C1F	2.04:1	—
Aa #314A76 on #4C73AF	1.85:1	—

CSS variables

:root {
  --color-1: #314a76; /* Dragonfly */
  --color-2: #4c73af; /* Ramjet */
  --color-3: #755c32; /* Florentine Dream */
  --color-4: #452c1f; /* Subterranean */
  --color-5: #b49356; /* Jungle Expedition */
}

Other schemes from Dragonfly

More Dark Blue complementary palettes

Questions

What colors go with Dragonfly?

In a complementary scheme: Ramjet (#4C73AF), Florentine Dream (#755C32), Subterranean (#452C1F), Jungle Expedition (#B49356).

What is the hex code of Dragonfly?

#314A76.