azure
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#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
#F0FFFF
240, 255, 255
180.0, 100.0%, 97.1%
180.0, 5.9%, 100.0%
5.9%, 0.0%, 0.0%, 0.0%
0.989 0.0157 196.9
Properties
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
Tailwind Shades
Contrast Checker
Text on white
1.03:1
Text on black
20.45:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #F0FFFF?
RGB(240, 255, 255) · HSL(180.0, 100.0%, 97.1%) · CMYK(5.9%, 0.0%, 0.0%, 0.0%)
Does #F0FFFF meet WCAG contrast on white?
1.03:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #F0FFFF?
Use 000000 text on a #F0FFFF background; contrast on black is 20.45:1.