Azure Monochromatic Color Scheme

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

#003366

#095BAF

#007FFF

#55AAFF

#99CCFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Prussian Blue	`#003366`	0, 51, 102	210°, 100%, 20%	100, 50, 0, 60
Bottled Sea	`#095BAF`	9, 91, 175	210°, 90%, 36%	95, 48, 0, 31
Azure	`#007FFF`	0, 127, 255	210°, 100%, 50%	100, 50, 0, 0
Joust Blue	`#55AAFF`	85, 170, 255	210°, 100%, 67%	67, 33, 0, 0
Apocyan	`#99CCFF`	153, 204, 255	210°, 100%, 80%	40, 20, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #003366 on #99CCFF	7.47:1	AAA
Aa #003366 on #55AAFF	5.15:1	AA
Aa #095BAF on #99CCFF	3.98:1	AA large
Aa #003366 on #007FFF	3.29:1	AA large
Aa #095BAF on #55AAFF	2.74:1	—
Aa #007FFF on #99CCFF	2.27:1	—

CSS variables

:root {
  --color-1: #003366; /* Prussian Blue */
  --color-2: #095baf; /* Bottled Sea */
  --color-3: #007fff; /* Azure */
  --color-4: #55aaff; /* Joust Blue */
  --color-5: #99ccff; /* Apocyan */
}

Other schemes from Azure

More Medium Blue monochromatic palettes

Questions

What colors go with Azure?

In a monochromatic scheme: Prussian Blue (#003366), Bottled Sea (#095BAF), Joust Blue (#55AAFF), Apocyan (#99CCFF).

What is the hex code of Azure?

#007FFF.