Epic Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Epic Blue (#0066EE), each snapped to its nearest named color.

#0066EE

#5097FC

#EE8800

#A75502

#FFB756

Color names and codes

Name	HEX	RGB	HSL	CMYK
Epic Blue	`#0066EE`	0, 102, 238	214°, 100%, 47%	100, 57, 0, 7
Polar Glow	`#5097FC`	80, 151, 252	215°, 97%, 65%	68, 40, 0, 1
Clear Orange	`#EE8800`	238, 136, 0	34°, 100%, 47%	0, 43, 100, 7
Windsor Brown	`#A75502`	167, 85, 2	30°, 98%, 33%	0, 49, 99, 35
Carriage Yellow	`#FFB756`	255, 183, 86	34°, 100%, 67%	0, 28, 66, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A75502 on #FFB756	3.08:1	AA large
Aa #0066EE on #FFB756	2.94:1	—
Aa #EE8800 on #A75502	2.07:1	—
Aa #0066EE on #EE8800	1.97:1	—
Aa #5097FC on #A75502	1.82:1	—
Aa #0066EE on #5097FC	1.73:1	—

CSS variables

:root {
  --color-1: #0066ee; /* Epic Blue */
  --color-2: #5097fc; /* Polar Glow */
  --color-3: #ee8800; /* Clear Orange */
  --color-4: #a75502; /* Windsor Brown */
  --color-5: #ffb756; /* Carriage Yellow */
}

Other schemes from Epic Blue

More Medium Blue complementary palettes

Questions

What colors go with Epic Blue?

In a complementary scheme: Polar Glow (#5097FC), Clear Orange (#EE8800), Windsor Brown (#A75502), Carriage Yellow (#FFB756).

What is the hex code of Epic Blue?

#0066EE.