azure

#F0FFFF

CSS color

Azure (#F0FFFF) is a nearly-white cyan, the palest possible tint of sky blue as defined in the CSS color system. Its name derives from the deep azure skies depicted in medieval heraldry and the lapis lazuli pigment known as azur. In digital design, it serves as a subtle cool-temperature alternative to pure white for backgrounds.

Color Values

HEX

#F0FFFF

RGB

240, 255, 255

HSL

180.0, 100.0%, 97.1%

HSV

180.0, 5.9%, 100.0%

CMYK

5.9%, 0.0%, 0.0%, 0.0%

OKLCH

0.989 0.0157 196.9

Properties

Cool Light Nearest: azure

Color Psychology

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #F0FFFF;
color: #F0FFFF;
border-color: #F0FFFF;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.45:1

AA Pass AAA Pass

Compare With

Related Articles