#f0ffff
HEX
#f0ffff RGB
rgb(240, 255, 255) HSL
180°, 100%, 97% About Azure Color
Azure is an extremely pale cyan-white that creates an airy, open feel. It works beautifully as a background for photography and portfolio sites.
Use Cases for Azure
photo backgroundsportfolio sitesclean UIsummer themesskies
Shades & Tints of Azure
#ffffff
#fbffff
#f8ffff
#f4ffff
#f0ffff
#b4bfbf
#788080
#3c4040
#000000
Complementary Color
#f0ffff
#fff0f0
Analogous Colors
#f0fff7
#f0ffff
#f0f7ff
CSS Code
.azure-color {
color: #f0ffff;
}Contrast Recommendations
Black text on Azure
Ratio: 20.45:1 ✓ Passes AA ✓ Passes AAA
White text on Azure
Ratio: 1.03:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Azure?
Azure is represented by the hex code #f0ffff and has RGB values of rgb(240, 255, 255). It falls under the White category.
How to use Azure in web design?
Azure works well for photo backgrounds, portfolio sites, clean UI. Azure is an extremely pale cyan-white that creates an airy, open feel. It works beautifully as a background for photography and portfolio sites. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Azure?
Colors that pair well with Azure include aliceblue, lightcyan, paleturquoise, snow, ghostwhite. For a complementary scheme, try #fff0f0. For an analogous scheme, use #f0fff7 and #f0f7ff.