Ivory color: code #FFFFF0

Ivory

#FFFFF0

Color codes

  • HEX#FFFFF0
  • RGBrgb(255, 255, 240)
  • HSLhsl(60, 100%, 97%)
  • HSVhsv(60, 6%, 100%)
  • CMYKcmyk(0%, 0%, 6%, 0%)
  • LABlab(99.6% -2.6 7.2)
  • OKLCHoklch(99.6% 0.02 106.8)

About the color Ivory

Ivory has the HEX code #FFFFF0, which corresponds to rgb(255, 255, 240) in the RGB model. On the color wheel its hue sits at 60°, with 100% saturation and 97% lightness (hsl(60, 100%, 97%)).

With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.

As a background it calls for dark text: black reaches a 20.81:1 contrast ratio on it, versus 1.00:1 for white.

For print, the approximate conversion is cmyk(0%, 0%, 6%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Ivory

Complementary

#FFFFF0 · #F0F0FF

Analogous

#FFF7F0 · #FFFFF0 · #F7FFF0

Triadic

#FFFFF0 · #F0FFFF · #FFF0FF

Tetradic

#FFFFF0 · #F0FFF7 · #F0F0FF · #FFF0F7

Split-complementary

#FFFFF0 · #F0F7FF · #F7F0FF

Monochromatic

#FFFF70 · #FFFFBD · #FFFFF0 · #FFFFFF · #FFFFFF

Ivory with white and black text

White text Aa Bb Cc 123
1.00:1 · fails WCAG
Black text Aa Bb Cc 123
20.81:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-ivory: #FFFFF0;
  --color-ivory-rgb: 255, 255, 240;
}

.elemento {
  background-color: var(--color-ivory);
  color: #000000;
}

Similar colors

Use Ivory in our tools