Ivory #FFFFF0

Ivory#FFFFF0 · rgb(255, 255, 240)

Ivory color codes

CSS nameivory
HEX#FFFFF0
RGBrgb(255, 255, 240)
HSLhsl(60, 100%, 97%)
CMYKcmyk(0%, 0%, 6%, 0%)
Decimal16777200

Shades of Ivory (darker)

#E6E6D8 · #CCCCC0 · #B3B3A8 · #999990 · #808078 · #666660 · #4D4D48 · #333330 · #1A1A18

Tints of Ivory (lighter)

#FFFFF2 · #FFFFF3 · #FFFFF5 · #FFFFF6 · #FFFFF8 · #FFFFF9 · #FFFFFB · #FFFFFC · #FFFFFE

Color harmonies

Complementary
#F0F0FF
Triadic
#F0FFFF, #FFF0FF
Analogous
#FFF7F0, #F7FFF0

Accessibility (WCAG contrast)

White text on Ivory1.01:1 · Fail
Black text on Ivory20.81:1 · AAA

Use Ivory in code

.element {
  color: ivory;          /* or #fffff0 */
  background-color: rgb(255 255 240 / 0.5);
}

Frequently asked questions

What is the hex code for Ivory?

Ivory is #FFFFF0 in HEX, rgb(255, 255, 240) in RGB and hsl(60, 100%, 97%) in HSL.

Can I use "ivory" directly in CSS?

Yes. "ivory" is one of the 148 standard CSS named colors, so color: ivory; works in every browser.

Is Ivory readable on white?

The contrast ratio of Ivory on white is 1.01:1 (WCAG Fail). On black it is 20.81:1 (AAA).

What is the complementary color of Ivory?

The complementary color (opposite on the color wheel) is #F0F0FF.

Similar colors

Floral White#FFFAF0Sea Shell#FFF5EESnow#FFFAFAMint Cream#F5FFFAOld Lace#FDF5E6Honey Dew#F0FFF0White#FFFFFFWhite Smoke#F5F5F5

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.