What is the hex code for Azure?

The hex code for Azure is #F0FFFF. In RGB that is rgb(240, 255, 255), and in HSL it is hsl(180, 100%, 97%).

What RGB values make Azure?

Azure is 240 red, 255 green, and 255 blue, written as rgb(240, 255, 255).

Azure scores 1.03:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: azure directly in CSS, which every browser resolves to #F0FFFF.

#F0FFFF

Azure is a white tone at #F0FFFF. It sits at 180 degrees on the color wheel with 100% saturation and 97% lightness.

Color values

Tints mix Azure with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FCFFFF

Tint 60%

#F9FFFF

Tint 40%

#F6FFFF

Tint 20%

#F3FFFF

Base

#F0FFFF

Shade 20%

#C0CCCC

Shade 40%

#909999

Shade 60%

#606666

Shade 80%

#303333

On white

Sample text

1.03:1

Fails WCAG for text

On black

Sample text

20.45:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Azure?: The hex code for Azure is #F0FFFF. In RGB that is rgb(240, 255, 255), and in HSL it is hsl(180, 100%, 97%).
What RGB values make Azure?: Azure is 240 red, 255 green, and 255 blue, written as rgb(240, 255, 255).
Is Azure readable as text on a white background?: Azure scores 1.03:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Azure a valid CSS color name?: Yes. You can write color: azure directly in CSS, which every browser resolves to #F0FFFF.