Search Colors

Azure Color

HEX #F0FFFF / RGB (240, 255, 255)

White cloud on azure background

What is Azure Color?

Azure (Hex code: F0FFFF) Thumbnail

Azure has the hex code #F0FFFF. The equivalent RGB values are (240, 255, 255), which means it is composed of 32% red, 34% green and 34% blue. The CMYK color codes, used in printers, are C:6 M:0 Y:0 K:0. In the HSV/HSB scale, Azure has a hue of 180°, 6% saturation and a brightness value of 100%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

The Azure (Web) color with the hexadecimal code #F0FFFF comes from the X11 color list and was subsequently included in the web color list. Thus, one can use the word "azure" in addition to the hex or RGB values in HTML and CSS code.

Based on the HSV/HSB values, the color has hue of 180°, a saturation of only 6% with brightness at full 100%. This means Azure (Web) is technically a very light tint of cyan and markedly different from the azure color as most people know.

Download Azure Solid Color Background


Azure Color Codes

Hex Code#F0FFFF
RGB Values(240, 255, 255)
CMYK Values(6%, 0%, 0%, 0%)
HSV/HSB Values(180°, 6%, 100%)
Closest Web Safe#FFFFFF
Inverse Color#0F0000 [Vampire Black]
Closest Pantone®656 C
Closest RAL9016 [Traffic white]
Complementary Color#FFF0F0 [Lavender Blush]
Azure Converted to Grayscale Codes
Simple Average#FAFAFA
Desaturated#F8F8F8
Weighted Average (Most Common)#FBFBFB
Weighted Average (Luma)#FCFCFC
Weighted Average (Gamma Adjusted)#F5F5F5

Azure Color Palettes

Azure is too light to display its color palettes.
Complementary color palette of F0FFFF. Complementary color is FFF0F0

Complementary Palette

The complement of Azure is Lavender Blush with the hex code #FFF0F0. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #F0FFFF color is offered by #FFF0F0. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

F0FFFF FFF0F0
Analogous color palette with (F0FFFF, F0F8FF and F0FFF8)

Analogous Palette

The analogous colors of Azure (#F0FFFF) are Alice Blue (#F0F8FF) and Mint Cream (#F0FFF8). In the RGB color wheel, these two analogous colors occur to the right and left of Azure with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

F0FFFF F0F8FF F0FFF8
Split Complementary color palette with (F0FFFF, FFF0F8 and FFF8F0)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Azure (#F0FFFF) are #FFF0F8 (Lavender Blush) and #FFF8F0 (Floral White). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

F0FFFF FFF0F8 FFF8F0
Triadic color palette with (F0FFFF, FFF0FF and FFFFF0)

Triadic Palette

Azure triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #FFF0FF (Magnolia) and #FFFFF0 (Ivory) along with #F0FFFF create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

F0FFFF FFF0FF FFFFF0
Tetradic color palette with (F0FFFF, FFF0FF, FFF0F0 and F0FFF0)

Tetradic Palette

The tetradic palette of Azure has four colors - #FFF0FF (Magnolia), #FFF0F0 (Lavender Blush) and #F0FFF0 (Honeydew) in addition to the base color (#F0FFFF). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

F0FFFF FFF0FF FFF0F0 F0FFF0
Square color palette with (F0FFFF, F8F0FF, FFF0F0 and F8FFF0)

Square Palette

Azure square color palette has #F8F0FF (Magnolia), #FFF0F0 (Lavender Blush) and #F8FFF0 (Ivory). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

F0FFFF F8F0FF FFF0F0 F8FFF0
Rainbow color

Azure Color Rainbow Palette

Our Azure rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

F0FFFF F0F2FF FBF0FF FFF0F6 FFF6F0 FBFFF0 F0FFF2

Tints, Tones & Shades of Azure Color

Tints

  • Transparent F3FFFFF3FFFF
  • Transparent F5FFFFF5FFFF
  • Transparent F6FFFFF6FFFF
  • Transparent F8FFFFF8FFFF
  • Transparent F9FFFFF9FFFF
  • Transparent FBFFFFFBFFFF
  • Transparent FCFFFFFCFFFF
  • Transparent FEFFFFFEFFFF

Tones

  • Transparent DAE6E6DAE6E6
  • Transparent CED9D9CED9D9
  • Transparent C3CCCCC3CCCC
  • Transparent B8C0C0B8C0C0
  • Transparent ADB3B3ADB3B3
  • Transparent A2A6A6A2A6A6
  • Transparent 969999969999
  • Transparent 8B8D8D8B8D8D

Shades

  • Transparent C0CCCCC0CCCC
  • Transparent A8B3B3A8B3B3
  • Transparent 909999909999
  • Transparent 788080788080
  • Transparent 606666606666
  • Transparent 484D4D484D4D
  • Transparent 303333303333
  • Transparent 181A1A181A1A

Azure Color Patterns

  • Transparent

    Azure Gingham Checks

  • Transparent

    Azure Vertical Stripes Pattern

  • Transparent

    Azure Polka Dots Pattern

  • Transparent

    Azure Honeycomb Pattern

  • Transparent

    Azure Leaves Pattern

  • Transparent

    Azure Houndstooth Pattern

  • Transparent

    Azure Trellis Pattern

  • Transparent

    Azure Plaid Pattern


Azure Color Interior Ideas

Pretty Photo frame on Azure color drawing room interior textured wall

Azure Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Azure color Living room wal color

Azure Color Living Room Wall Paint Idea

Pretty Photo frame on Azure color Bedroom interior wall color

Azure Color Bedroom Wall Paint Idea

Pretty Photo frame on Azure color kitchen interior wall color

Azure Color Kitchen Wall Paint Idea


Photo credits: klipartz.com