Hippie Trail Complementary Color Scheme

Five colors arranged by the complementary rule around Hippie Trail (#C6AA2B), each snapped to its nearest named color.

#C6AA2B

#DDCA69

#2242C7

#1C3382

#6488EA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hippie Trail	`#C6AA2B`	198, 170, 43	49°, 64%, 47%	0, 14, 78, 22
Pirate Treasure	`#DDCA69`	221, 202, 105	50°, 63%, 64%	0, 9, 52, 13
Blue Blue	`#2242C7`	34, 66, 199	228°, 71%, 46%	83, 67, 0, 22
Bavarian Blue	`#1C3382`	28, 51, 130	226°, 65%, 31%	78, 61, 0, 49
Soft Blue	`#6488EA`	100, 136, 234	224°, 76%, 65%	57, 42, 0, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DDCA69 on #1C3382	6.90:1	AA
Aa #C6AA2B on #1C3382	4.98:1	AA
Aa #DDCA69 on #2242C7	4.76:1	AA
Aa #C6AA2B on #2242C7	3.44:1	AA large
Aa #1C3382 on #6488EA	3.39:1	AA large
Aa #2242C7 on #6488EA	2.34:1	—

CSS variables

:root {
  --color-1: #c6aa2b; /* Hippie Trail */
  --color-2: #ddca69; /* Pirate Treasure */
  --color-3: #2242c7; /* Blue Blue */
  --color-4: #1c3382; /* Bavarian Blue */
  --color-5: #6488ea; /* Soft Blue */
}

Other schemes from Hippie Trail

More Medium Yellow complementary palettes

Questions

What colors go with Hippie Trail?

In a complementary scheme: Pirate Treasure (#DDCA69), Blue Blue (#2242C7), Bavarian Blue (#1C3382), Soft Blue (#6488EA).

What is the hex code of Hippie Trail?

#C6AA2B.