Fernweh Complementary Color Scheme

Five colors arranged by the complementary rule around Fernweh (#977B2F), each snapped to its nearest named color.

#977B2F

#CDAD59

#2E5090

#1C305C

#5D76CB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fernweh	`#977B2F`	151, 123, 47	44°, 53%, 39%	0, 19, 69, 41
Hay Wain	`#CDAD59`	205, 173, 89	43°, 54%, 58%	0, 16, 57, 20
Nightly Activities	`#2E5090`	46, 80, 144	219°, 52%, 37%	68, 44, 0, 44
Ending Navy Blue	`#1C305C`	28, 48, 92	221°, 53%, 24%	70, 48, 0, 64
Indigo Light	`#5D76CB`	93, 118, 203	226°, 51%, 58%	54, 42, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CDAD59 on #1C305C	5.97:1	AA
Aa #CDAD59 on #2E5090	3.64:1	AA large
Aa #977B2F on #1C305C	3.19:1	AA large
Aa #1C305C on #5D76CB	3.02:1	AA large
Aa #CDAD59 on #5D76CB	1.98:1	—
Aa #977B2F on #2E5090	1.95:1	—

CSS variables

:root {
  --color-1: #977b2f; /* Fernweh */
  --color-2: #cdad59; /* Hay Wain */
  --color-3: #2e5090; /* Nightly Activities */
  --color-4: #1c305c; /* Ending Navy Blue */
  --color-5: #5d76cb; /* Indigo Light */
}

Other schemes from Fernweh

More Dark Orange complementary palettes

Questions

What colors go with Fernweh?

In a complementary scheme: Hay Wain (#CDAD59), Nightly Activities (#2E5090), Ending Navy Blue (#1C305C), Indigo Light (#5D76CB).

What is the hex code of Fernweh?

#977B2F.