Azure Analogous Color Scheme

Five colors arranged by the analogous rule around Azure (#007FFF), each snapped to its nearest named color.

#04F489

#00FFFF

#007FFF

#0000FF

#8800FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Turquoise Green	`#04F489`	4, 244, 137	153°, 97%, 49%	98, 0, 44, 4
Cyan	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0
Azure	`#007FFF`	0, 127, 255	210°, 100%, 50%	100, 50, 0, 0
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0
Purple Climax	`#8800FF`	136, 0, 255	272°, 100%, 50%	47, 100, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FFFF on #0000FF	6.85:1	AA
Aa #04F489 on #0000FF	5.85:1	AA
Aa #00FFFF on #8800FF	4.80:1	AA
Aa #04F489 on #8800FF	4.10:1	AA large
Aa #00FFFF on #007FFF	3.06:1	AA large
Aa #04F489 on #007FFF	2.61:1	—

CSS variables

:root {
  --color-1: #04f489; /* Turquoise Green */
  --color-2: #00ffff; /* Cyan */
  --color-3: #007fff; /* Azure */
  --color-4: #0000ff; /* Blue */
  --color-5: #8800ff; /* Purple Climax */
}

Other schemes from Azure

More Medium Blue analogous palettes

Questions

What colors go with Azure?

In a analogous scheme: Turquoise Green (#04F489), Cyan (#00FFFF), Blue (#0000FF), Purple Climax (#8800FF).

What is the hex code of Azure?

#007FFF.