HEX Color #F0FFFF (Azure)

About #F0FFFF

The hex code #F0FFFF represents a beautifully specific shade of neutral. Its closest recognized web color is Azure. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 255, and 255.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 6% cyan, 0% magenta, 0% yellow, and 0% black. With a hue angle of 180.0 degrees, it sits comfortably in the neutral spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a very light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0FFFF

RGB240, 255, 255

HSL180.0°, 100.0%, 97.1%

CMYK6%, 0%, 0%, 0%

HSV180.0°, 5.9%, 100.0%

LAB98.9, -4.9, -1.7

XYZ89.7, 97.3, 108.7

Decimal15794175

Color Harmonies

Complementary

#F0FFFF #FFF0F0

Analogous

#F0FFF7 #F0F7FF

Triadic

#FFF0FF #FFFFF0

Tetradic

#F7F0FF #FFF0F0 #F7FFF0

Tints, Shades & Tones

Tints (Adding White)

#F0FFFF

#F1FFFF

#F3FFFF

#F5FFFF

#F6FFFF

#F8FFFF

#FAFFFF

#FBFFFF

#FDFFFF

#FFFFFF

Shades (Adding Black)

#F0FFFF

#D5E2E2

#BAC6C6

#A0AAAA

#858D8D

#6A7171

#505555

#353838

#1A1C1C

#000000

WCAG Contrast Accessibility

1.03:1

Text on #FFFFFF

FAIL

20.45:1

Text on #000000

AAA

1.02:1

Text on #F8FAFC

FAIL

17.39:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #F0FFFF; }

.text-color { color: #F0FFFF; }

.border-color { border: 2px solid #F0FFFF; }

Similar Colors

Azure

#F0FFFF