CSS named color
Azure
#F0FFFF
HEX
#f0ffffRGB
rgb(240, 255, 255)HSL
hsl(180, 100%, 97%)OKLCH
oklch(98.90% 0.0157 196.90)NAME
azurePalette
Complementary
180° on the color wheelComplement
#FFF0F0
Analogous
±30° around the base hueLeft
#F0FFF7
Right
#F0F7FF
Triadic
±120° for harmonic contrastTriad 1
#FFF0FF
Triad 2
#FFFFF0
Ivory
Shades
Lighter and darker variantsCSS usage
By name
color: azure;
background-color: azure;By HEX
color: #f0ffff;
background-color: #f0ffff;By RGB
color: rgb(240, 255, 255);
background-color: rgb(240, 255, 255);By HSL
color: hsl(180, 100%, 97%);
background-color: hsl(180, 100%, 97%);WCAG contrast vs white
Aa
1.03:1
Below minimum
WCAG contrast vs black
Aa
20.45:1
AAA
Related colors
FAQ — Azure
What is the HEX code for Azure?
The HEX code for Azure is #F0FFFF. It's one of the 148 named CSS colors and can be used directly in CSS as color: azure; or color: #f0ffff;
What is Azure in RGB?
Azure in RGB is rgb(240, 255, 255) — red 240, green 255, blue 255.
What is Azure in HSL?
Azure in HSL is hsl(180, 100%, 97%) — hue 180°, saturation 100%, lightness 97%.
What is the complementary color of Azure?
The complementary color (directly opposite Azure on the color wheel) is #FFF0F0. The two together produce maximum contrast.
Is white text readable on Azure?
The WCAG contrast ratio against white (#FFFFFF) is 1.03:1, and against black (#000000) it's 20.45:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.