Retro Vibe Complementary Color Scheme

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

#CB9711

#F1C24B

#024ACA

#072688

#5577EE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Retro Vibe	`#CB9711`	203, 151, 17	43°, 85%, 43%	0, 26, 92, 20
Hive Delight	`#F1C24B`	241, 194, 75	43°, 86%, 62%	0, 20, 69, 5
Flying Fish Blue	`#024ACA`	2, 74, 202	218°, 98%, 40%	99, 63, 0, 21
Naval Adventures	`#072688`	7, 38, 136	226°, 90%, 28%	95, 72, 0, 47
Blue Öyster Cult	`#5577EE`	85, 119, 238	227°, 82%, 63%	64, 50, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1C24B on #072688	7.65:1	AAA
Aa #CB9711 on #072688	4.86:1	AA
Aa #F1C24B on #024ACA	4.43:1	AA large
Aa #072688 on #5577EE	3.20:1	AA large
Aa #CB9711 on #024ACA	2.81:1	—
Aa #F1C24B on #5577EE	2.39:1	—

CSS variables

:root {
  --color-1: #cb9711; /* Retro Vibe */
  --color-2: #f1c24b; /* Hive Delight */
  --color-3: #024aca; /* Flying Fish Blue */
  --color-4: #072688; /* Naval Adventures */
  --color-5: #5577ee; /* Blue Öyster Cult */
}

Other schemes from Retro Vibe

More Medium Orange complementary palettes

Questions

What colors go with Retro Vibe?

In a complementary scheme: Hive Delight (#F1C24B), Flying Fish Blue (#024ACA), Naval Adventures (#072688), Blue Öyster Cult (#5577EE).

What is the hex code of Retro Vibe?

#CB9711.