You specified background-color: azure in a CSS file expecting a vivid sky blue. The page rendered and the background looked essentially white. You inspected the element, saw #F0FFFF, and realized the CSS named color azure is nothing like the blue you were imagining. That is one of the more disorienting surprises in the CSS color list, and it happens specifically to A-starting colors because two of the five look like barely-colored white on screen while one is an eye-catching vivid cyan. The Color Name Finder maps any HEX back to its name, but knowing what the A colors actually look like before you use them saves the round trip.
Five CSS named colors start with A: aliceblue, antiquewhite, aqua, aquamarine, and azure. Three of them are near-white or very pale. One is vivid. One is pastel. They span more perceptual range than their short list suggests.
The Five CSS Named Colors That Start with A
Here is the full list with HEX codes and a brief description:
| CSS Name | HEX | RGB | Character |
|---|---|---|---|
| aliceblue | #F0F8FF | R:240, G:248, B:255 | Near-white with subtle cool blue |
| antiquewhite | #FAEBD7 | R:250, G:235, B:215 | Warm off-white, noticeable beige-cream |
| aqua | #00FFFF | R:0, G:255, B:255 | Vivid cyan at full saturation |
| aquamarine | #7FFFD4 | R:127, G:255, B:212 | Pastel blue-green |
| azure | #F0FFFF | R:240, G:255, B:255 | Near-white with the faintest blue-green tint |
The five break into two practical groups. The near-whites — aliceblue, antiquewhite, and azure — are used for subtle background tints and refined backgrounds. The vivid/pastel group — aqua and aquamarine — are used for accents, bright elements, and color palettes that need a blue-green presence.
Aliceblue: The Color Named After a President's Daughter
Aliceblue (#F0F8FF) is an extremely pale blue with RGB R:240, G:248, B:255. The blue channel is at maximum (255), the green channel is at 248, and the red channel is at 240. The result is a color that reads as barely blue on most screens — it is white with a very slight cool undertone rather than a recognizable light blue.
The name comes from Alice Roosevelt Longworth (1884-1980), the eldest daughter of President Theodore Roosevelt. Alice was one of the most prominent public figures of early 20th century American life, known for her sharp wit, political involvement, and distinctive style. She was famous for wearing a particular shade of pale blue that became associated with her name.
Theodore Roosevelt's relationship with Alice was famously strained by her strong personality. He reportedly said: "I can either run the country or I can attend to Alice, but I cannot possibly do both." Alice herself quoted this with amusement throughout her life.
The color "Alice blue" entered popular consciousness through the 1905 song "Alice Blue Gown," written about Alice Roosevelt's distinctive dress sense. The song was a hit, and the color name stuck. The CSS color aliceblue takes its name from this tradition, though the specific HEX value (#F0F8FF) is considerably paler than what most people picture as Alice blue when they imagine the historical reference.
In design, aliceblue works as a very subtle cool background — paler than lightblue and more blue than white. It is the kind of background choice that registers as "not quite white" without announcing itself as a color decision. Use it when you want the temperature of white to feel slightly cooler without committing to an actual blue.
Antiquewhite: The CSS Color That Looks Like Aged Paper
Antiquewhite (#FAEBD7) is the warmest of the A colors and the most visually distinct from white. Its RGB is R:250, G:235, B:215. The dropping green and blue channels create a warm beige-cream that reads clearly as an off-white rather than a near-white. Where aliceblue and azure require side-by-side comparison with white to see the difference, antiquewhite is obviously warmer at a glance.
The name captures the slightly yellowed, warm quality of aged objects: old paper, antique linen, vintage book pages, and aged fabric all share this warm off-white tone. It is not the color of fresh cream or new fabric — it is specifically the color of materials that have been sitting around long enough to acquire warmth from age.
At 12 characters, antiquewhite is one of the longer CSS color names — shorter than the 14-character names like blanchedalmond and cornflowerblue, but longer than most single-word color names. The longest color names guide has the full ranking.
In design, antiquewhite is used for backgrounds that need warmth without committing to a full beige or cream. It pairs well with warm browns, tan, and dark wood tones. It is a common choice for document and reading interfaces where pure white feels clinical and beige feels too heavy.
Aqua and Cyan: Two Names for the Same HEX Code
Aqua (#00FFFF) is a vivid, fully saturated cyan. Its RGB values are R:0, G:255, B:255 — the red channel is completely off, while both green and blue are at maximum. The result is a bright, eye-catching blue-green that sits between pure blue and pure green on the visible spectrum.
Aqua is one of the 16 original HTML colors, included in the first standardized web color list. Cyan was added separately in CSS. Both ended up mapped to the same HEX value, making them functional synonyms. In any CSS color property, color: aqua and color: cyan produce exactly the same rendered output.
The name aqua comes from the Latin word for water. Cyan comes from the Greek "kyanos," meaning dark blue — the same root that gives us cyanide (which was named after the blue compound Prussian blue, not the color cyan). In the CMYK color model used for print, cyan is a primary ink color that produces a specific shade different from web aqua. In CSS, the distinction does not apply — both names refer to #00FFFF.
Aqua is a vivid color that draws attention. It is commonly used in technology branding, neon aesthetics, and high-contrast design systems. On dark backgrounds it glows visually. On white backgrounds it reads as bright and energetic. It is not a subtle choice.
Aquamarine: From the Gemstone to the Web
Aquamarine (#7FFFD4) is a lighter, softer blue-green. Its RGB is R:127, G:255, B:212. The green and blue channels are high but not maxed; the red channel at 127 is significant enough to mute the vivid quality of aqua. The result is a pastel blue-green that reads as softer and more natural than aqua.
The name comes from the aquamarine gemstone, a variety of the mineral beryl. Aquamarine crystals range from pale blue to blue-green, and the stone gets its name from the Latin "aqua marina," meaning "sea water." The color evokes shallow tropical ocean water, the kind that appears blue-green over white sand.
Aquamarine at 11 characters is one of the longer A color names, though not as long as the 12-character antiquewhite. The longest color name overall in CSS is lightgoldenrodyellow at 20 characters.
In design, aquamarine works as a soft accent that suggests freshness, nature, and water without the intensity of aqua. It pairs well with white, cream, navy, and other muted blues. It is a common choice for wellness, spa, and environmental content because it reads as both natural and clean.
Azure: What It Means in CSS vs Common Usage
Azure (#F0FFFF) is where the A color list produces its most common surprise. In everyday language, azure means a clear, vivid sky blue — the kind of bright, saturated blue associated with cloudless summer skies. Brands like Microsoft Azure use the name to suggest that kind of expansive, vivid blue.
CSS azure is #F0FFFF, with RGB R:240, G:255, B:255. The green and blue channels are both at maximum (255). The red channel at 240 creates an extremely subtle warm reduction. The result is a color that appears essentially white on screen, with a barely perceptible blue-green tint that is visible only in direct comparison with pure white.
The name comes from Old French "azur," which came from Arabic "lazaward," which in turn came from the Persian name for lapis lazuli — the deep blue stone prized in antiquity for its vivid color. Lapis lazuli was ground into ultramarine pigment, one of the most expensive colors in medieval painting. The chain from lapis lazuli to Arabic to French to English produced a word associated with intense blue, but the CSS color bearing that name is almost white.
The discrepancy between the name's association and the actual HEX value is one of the most surprising mismatches in the CSS color list. If you want a vivid sky blue in CSS, dodgerblue (#1E90FF), deepskyblue (#00BFFF), or royalblue (#4169E1) are closer to what most people mean by "azure" in common speech.
How to Tell Aliceblue, Azure, and Antiquewhite Apart
The three near-white A colors look similar at a glance but differ in a specific and predictable way.
Aliceblue (#F0F8FF) is cool and blue-leaning. Its blue channel is at maximum (255), and its green channel (248) is almost as high. The red channel (240) is the lowest of the three channels, which introduces the cool quality. Aliceblue feels like white with a slight chill.
Azure (#F0FFFF) is the coolest and most neutral of the near-whites. Both its green and blue channels are at maximum (255). The red channel (240) matches aliceblue exactly. The difference between aliceblue and azure is entirely in the green channel: aliceblue has G:248, azure has G:255. Azure is marginally more blue-green; aliceblue is marginally more pure-blue. On most screens, you need to place them side by side to see any difference at all.
Antiquewhite (#FAEBD7) is completely different in character. Where aliceblue and azure are cool blue-whites, antiquewhite is a warm beige-cream. You can identify antiquewhite by eye without any reference point — it reads as noticeably warm. If you are looking at a background color and it looks obviously cream or warm, it is probably antiquewhite rather than aliceblue or azure.
To identify any near-white value precisely, paste the HEX into the Color Name Finder. The tool's Delta-E perceptual matching in CIE Lab space is calibrated to find the closest named color even when two options are very similar. For colors as close as aliceblue and azure, the tool gives you a definitive answer rather than a visual judgment call.
The color section has the full range of tools for working with any of the A colors — from contrast checking to generating tints and shades from aquamarine or aqua as a base color. Start with whichever A color fits your palette, and use the tools to extend it into a complete system. The colors that start with I guide covers the next letter group if you are building out a comprehensive understanding of the CSS color list.
