Retro Vibe Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Retro Vibe (#CB9711), each snapped to its nearest named color.

#3C3005

#886806

#CB9711

#F0BE3A

#F5D180

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hidden Passage	`#3C3005`	60, 48, 5	47°, 85%, 13%	0, 20, 92, 76
Muddy Brown	`#886806`	136, 104, 6	45°, 92%, 28%	0, 24, 96, 47
Retro Vibe	`#CB9711`	203, 151, 17	43°, 85%, 43%	0, 26, 92, 20
Golden Mary	`#F0BE3A`	240, 190, 58	44°, 86%, 58%	0, 21, 76, 6
Soft Straw	`#F5D180`	245, 209, 128	42°, 85%, 73%	0, 15, 48, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3C3005 on #F5D180	8.85:1	AAA
Aa #3C3005 on #F0BE3A	7.50:1	AAA
Aa #3C3005 on #CB9711	4.93:1	AA
Aa #886806 on #F5D180	3.55:1	AA large
Aa #886806 on #F0BE3A	3.01:1	AA large
Aa #3C3005 on #886806	2.49:1	—

CSS variables

:root {
  --color-1: #3c3005; /* Hidden Passage */
  --color-2: #886806; /* Muddy Brown */
  --color-3: #cb9711; /* Retro Vibe */
  --color-4: #f0be3a; /* Golden Mary */
  --color-5: #f5d180; /* Soft Straw */
}

Other schemes from Retro Vibe

More Medium Orange monochromatic palettes

Questions

What colors go with Retro Vibe?

In a monochromatic scheme: Hidden Passage (#3C3005), Muddy Brown (#886806), Golden Mary (#F0BE3A), Soft Straw (#F5D180).

What is the hex code of Retro Vibe?

#CB9711.