Fuego Complementary Color Scheme

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

#EE5533

#F29B89

#37C4FA

#14A3C7

#98EFF9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fuego	`#EE5533`	238, 85, 51	11°, 85%, 57%	0, 64, 79, 7
Rose Essence	`#F29B89`	242, 155, 137	10°, 80%, 74%	0, 36, 43, 5
Shovel Knight	`#37C4FA`	55, 196, 250	197°, 95%, 60%	78, 22, 0, 2
Cyan Blue	`#14A3C7`	20, 163, 199	192°, 82%, 43%	90, 18, 0, 22
Permafrost	`#98EFF9`	152, 239, 249	186°, 89%, 79%	39, 4, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #EE5533 on #98EFF9	2.68:1	—
Aa #14A3C7 on #98EFF9	2.26:1	—
Aa #EE5533 on #37C4FA	1.74:1	—
Aa #EE5533 on #F29B89	1.64:1	—
Aa #F29B89 on #98EFF9	1.63:1	—
Aa #37C4FA on #98EFF9	1.54:1	—

CSS variables

:root {
  --color-1: #ee5533; /* Fuego */
  --color-2: #f29b89; /* Rose Essence */
  --color-3: #37c4fa; /* Shovel Knight */
  --color-4: #14a3c7; /* Cyan Blue */
  --color-5: #98eff9; /* Permafrost */
}

Other schemes from Fuego

More Medium Red complementary palettes

Questions

What colors go with Fuego?

In a complementary scheme: Rose Essence (#F29B89), Shovel Knight (#37C4FA), Cyan Blue (#14A3C7), Permafrost (#98EFF9).

What is the hex code of Fuego?

#EE5533.