Azure hex code
The hex code for azure is #F0FFFF. In RGB that is rgb(240, 255, 255) and in HSL it is hsl(180, 100%, 97%).
The hex code for azure is #F0FFFF. In RGB that is rgb(240, 255, 255) and in HSL it is hsl(180, 100%, 97%).
Azure · #F0FFFF
Colour codes
- HEX
- #F0FFFF
- RGB
- rgb(240, 255, 255)
- HSL
- hsl(180, 100%, 97%)
- CMYK
- 6, 0, 0, 0
- CSS name
- azure
- Contrast on white
- 1.03:1
- Contrast on black
- 20.45:1
Tints and shades
20% lighter · #f3ffff
40% lighter · #f6ffff
60% lighter · #f9ffff
80% lighter · #fcffff
20% darker · #c0cccc
40% darker · #909999
60% darker · #606666
80% darker · #303333
Complementary colour
Azure · #F0FFFF
Opposite on the colour wheel · #fff0f0
Frequently asked questions
What is the hex code for azure?
The hex code for azure is #F0FFFF. In RGB that is rgb(240, 255, 255) and in HSL it is hsl(180, 100%, 97%).
Can I use azure for text?
It has a contrast ratio of 1.03:1 on white and 20.45:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with azure?
Its complementary colour, opposite on the colour wheel, is #FFF0F0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of azure instead.
Is azure a CSS colour name?
Yes. CSS accepts the keyword azure, so color: azure and color: #F0FFFF render exactly the same.