White color

Azure #F0FFFF

#F0FFFF · rgb(240, 255, 255)

Azure is the color #F0FFFF. In RGB it is rgb(240, 255, 255) — 94% red, 100% green and 100% blue. Its CMYK breakdown is 6% cyan, 0% magenta, 0% yellow and 0% black, and in HSL it sits at 180° hue, 100% saturation and 97% lightness. Azure is one of the 140 standard CSS / HTML color names, so color: azure works in CSS. The closest web-safe color is #FFFFFF.

Open in color picker Convert Make a palette Check contrast

Azure color codes

Hex#F0FFFF

RGBrgb(240, 255, 255)

RGB %94%, 100%, 100%

HSLhsl(180, 100%, 97%)

HSV / HSBhsv(180, 6%, 100%)

CMYKcmyk(6%, 0%, 0%, 0%)

OKLCHoklch(99% 0.016 197)

Closest web-safe#FFFFFF

Azure color meaning

Azure is a soft and airy white — a cool color at 97% lightness and 100% saturation. Like other whites, it is linked with purity, simplicity and space. It makes rooms and layouts feel larger and cleaner, and lets other colors stand out.

Because it is soft and airy, azure works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.0:1), so use it for fills and backgrounds and put black text on top (20.5:1).

What colors go with Azure?

Azure pairs well with Lavender Blush, Mint Cream, Alice Blue and Charcoal: Lavender Blush sits close to its opposite on the color wheel for strong contrast, Mint Cream and Alice Blue are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around azure in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Azure at a glance

Color family	White · cool, soft and airy
CSS color name	Yes — `azure` works in CSS
As text on white	1.03:1 — not readable as text
Best text on it	Black (20.45:1)
For print (CMYK)	6% cyan, 0% magenta, 0% yellow, 0% black
Full screen	Open the azure screen — fill your display or download it in 4K

Contrast

Contrast ratio of Azure against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.03:1 Black text — 20.45:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Azure

Azure color FAQ

What is the hex code for Azure?

Azure is #F0FFFF, which is rgb(240, 255, 255) and hsl(180, 100%, 97%). For print it is roughly C6 M0 Y0 K0.

What colors go with Azure?

Azure pairs well with Lavender Blush, Mint Cream, Alice Blue, Charcoal. Lavender Blush gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Azure a warm or cool color?

Azure is a cool color: its hue is 180°, on the green, blue and violet side of the color wheel.

What text color looks best on Azure?

Black text, with a contrast ratio of 20.5:1, which meets WCAG AA for normal text.