- No data uploaded
- Instant results
Azure — #F0FFFF
Azure is the CSS named colour azure, hex #F0FFFF. It has a contrast ratio of 1.03:1 on white and 20.45:1 on black — best used as text on dark backgrounds.
Azure — #F0FFFF
Contrast on white 1.03:1 · on black 20.45:1
Tints
Shades
Complementary
Triadic
Analogous
Using Azure in code
CSS: color: azure; or color: #F0FFFF; · Tailwind: text-[#F0FFFF] · Android/Flutter: 0xFFF0FFFF
Azure colour harmonies
Complementary: #FFF0F0 · Triadic: #FFF0FF, #FFFFF0 · Analogous: #F0FFF8, #F0F8FF. Use tints for backgrounds and shades for hover states.
Azure in every colour format
| Format | Value |
|---|---|
| HEX | #F0FFFF |
| RGB | rgb(240, 255, 255) |
| HSL | hsl(180, 100%, 97%) |
| HSV | hsv(180, 6%, 100%) |
| CMYK | cmyk(6%, 0%, 0%, 0%) |
| CSS name | azure |
| Contrast on white | 1.03:1 |
| Contrast on black | 20.45:1 |
Frequently asked questions
What is the hex code for Azure?
#F0FFFF (CSS name: azure).
What is Azure in RGB?
rgb(240, 255, 255)
What colour goes well with Azure?
Its complementary colour #FFF0F0, or the analogous #F0FFF8 and #F0F8FF.