Azure

#F0FFFF

Color Information

Hex Code

#F0FFFF

RGB

240, 255, 255

HSL

180°, 100%, 97%

CSS

#F0FFFF

Name

Azure

Color Tints

Lighter variations of Azure

#F0FFFF

#F2FFFF

10%

#F3FFFF

20%

#F5FFFF

30%

#F6FFFF

40%

#F8FFFF

50%

#F9FFFF

60%

#FBFFFF

70%

#FCFFFF

80%

#FEFFFF

90%

#FFFFFF

100%

Color Shades

Darker variations of Azure

#F0FFFF

#D8E6E6

10%

#C0CCCC

20%

#A8B3B3

30%

#909999

40%

#788080

50%

#606666

60%

#484D4D

70%

#303333

80%

#181A1A

90%

#000000

100%

Related Colors

Complementary Color

#FFF0F0

Opposite on color wheel

Split-Complementary Colors

#FFF0F7, #FFF7F0

Adjacent to complementary color

Analogous Colors

#F0FFF7, #F0F7FF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FFF0FF, #FFFFF0

Three colors equally spaced (120° apart)

Tetradic Colors

#F0F0FF, #FFF0F0, #FFFFF0

Rectangle on color wheel (90° apart)

Square Colors

#F7F0FF, #FFF0F0, #F7FFF0

Four colors equally spaced (90° apart)

Monochromatic Variations

#A3FFFF, #57FFFF, #0AFFFF, #00BDBD

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Azure. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#F0FFFF

#F0FFF4

#F0F4FF

#FFF0F0

#FFF7F0

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#F0FFFF

#FFF0FF

#FFFFF0

#9999FF

#8AFF8A

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#F0FFFF

#B3FFFF

#70FFFF

#FFF0F7

#FFF7F0

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#F0FFFF

RGB Values

240, 255, 255

HSL Values

180°, 100%, 97%