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	OKLCH
Turquoise Green	`#04F489`	4, 244, 137	153°, 97%, 49%	98, 0, 44, 4	84.9% 0.214 154
Cyan	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0	90.5% 0.155 195
Azure	`#007FFF`	0, 127, 255	210°, 100%, 50%	100, 50, 0, 0	61.3% 0.212 256
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0	45.2% 0.313 264
Purple Climax	`#8800FF`	136, 0, 255	272°, 100%, 50%	47, 100, 0, 0	53.9% 0.294 297

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 color schemes

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.