Azure #F0FFFF

Azure#F0FFFF · rgb(240, 255, 255)

Azure color codes

CSS nameazure
HEX#F0FFFF
RGBrgb(240, 255, 255)
HSLhsl(180, 100%, 97%)
CMYKcmyk(6%, 0%, 0%, 0%)
Decimal15794175

Shades of Azure (darker)

#D8E6E6 · #C0CCCC · #A8B3B3 · #909999 · #788080 · #606666 · #484D4D · #303333 · #181A1A

Tints of Azure (lighter)

#F2FFFF · #F3FFFF · #F5FFFF · #F6FFFF · #F8FFFF · #F9FFFF · #FBFFFF · #FCFFFF · #FEFFFF

Color harmonies

Complementary
#FFF0F0
Triadic
#FFF0FF, #FFFFF0
Analogous
#F0FFF7, #F0F7FF

Accessibility (WCAG contrast)

White text on Azure1.03:1 · Fail
Black text on Azure20.45:1 · AAA

Use Azure in code

.element {
  color: azure;          /* or #f0ffff */
  background-color: rgb(240 255 255 / 0.5);
}

Frequently asked questions

What is the hex code for Azure?

Azure is #F0FFFF in HEX, rgb(240, 255, 255) in RGB and hsl(180, 100%, 97%) in HSL.

Can I use "azure" directly in CSS?

Yes. "azure" is one of the 148 standard CSS named colors, so color: azure; works in every browser.

Is Azure readable on white?

The contrast ratio of Azure on white is 1.03:1 (WCAG Fail). On black it is 20.45:1 (AAA).

What is the complementary color of Azure?

The complementary color (opposite on the color wheel) is #FFF0F0.

Similar colors

Alice Blue#F0F8FFMint Cream#F5FFFAGhost White#F8F8FFHoney Dew#F0FFF0White#FFFFFFWhite Smoke#F5F5F5Light Cyan#E0FFFFSnow#FFFAFA

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.