Azure Color

HEX, RGB, HSL & CMYK Codes

#f0ffff
Format Value
HEX #f0ffff
RGB rgb(240, 255, 255)
HSL hsl(180, 100%, 97.1%)
CMYK cmyk(5.9%, 0%, 0%, 0%)
HSV hsv(180, 5.9%, 100%)

azure color harmonies

Tints & shades of azure

Tints (lighter)

#f1ffff #f3ffff #f4ffff #f5ffff #f7ffff #f8ffff #faffff #fbffff #fcffff #feffff

Shades (darker)

#dae8e8 #c4d1d1 #afb9b9 #99a2a2 #838b8b #6d7474 #575d5d #414646 #2c2e2e #161717

Contrast & accessibility

The quick brown fox

On white · 1.03:1 · Fail

The quick brown fox

On black · 20.45:1 · AAA

Recommended text color: #000000

Use azure in code

CSS color: #f0ffff;
SCSS $color: #f0ffff;
Tailwind bg-[#f0ffff]
Swift UIColor(red: 0.941, green: 1.000, blue: 1.000, alpha: 1)
Android Color.parseColor("#f0ffff")
Flutter Color(0xFFF0FFFF)

Colors similar to azure

Browse all Gray & neutral colors →

What is the HEX code for azure?

The CSS color azure in HEX format is #f0ffff. Use this value directly in CSS, SVG, and most design tools.

How do I use azure in CSS?

To apply azure in CSS:

  • Text color: color: #f0ffff;
  • Background: background-color: #f0ffff;
  • Border: border-color: #f0ffff;

What are all the color format values for azure?

FormatValue
HEX#f0ffff
RGBrgb(240, 255, 255)
HSLhsl(180, 100%, 97.1%)
CMYKcmyk(5.9%, 0%, 0%, 0%)

How do I convert azure to HEX?

Select azure from the color name list in our color converter. The HEX value — #f0ffff — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does azure belong to?

azure belongs to the near-white color family. It is a light, vivid color with HSL values: hue 180°, saturation 100%, lightness 97.1%.

How do I create lighter and darker shades of azure?

Lighter variant (lightness 95%): #e5ffff. Darker variant (lightness 82.1%): #a4ffff. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.