What colors go well with ivory?

Ivory pairs with its complementary colour #F0F0FF and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Ivory Color — Hex Code #FFFFF0, RGB, Palettes & CSS

Q: What is the hex code for ivory?

Ivory is commonly #FFFFF0, which is rgb(255, 255, 240). Like most descriptive colour names it covers a small range, but this is a widely used value.

Ivory colour codes

Hex

#FFFFF0

RGB

rgb(255, 255, 240)

HSL

hsl(60, 100%, 97%)

HSV

hsv(60, 6%, 100%)

OKLCH

oklch(1.00 0.02 107)

CMYK

cmyk(0%, 0%, 6%, 0%)

Complementary palette

Ivory with its opposite on the colour wheel.

#FFFFF0

rgb(255, 255, 240)

#F0F0FF

rgb(240, 240, 255)

Triad palette

Ivory with two evenly-spaced partners.

#FFFFF0

rgb(255, 255, 240)

#F0FFFF

rgb(240, 255, 255)

#FFF0FF

rgb(255, 240, 255)

Monochromatic palette

Lighter and darker versions of ivory at the same hue.

#808078

rgb(128, 128, 120)

#B3B3A8

rgb(179, 179, 168)

#E6E6D8

rgb(230, 230, 216)

#FFFFF0

rgb(255, 255, 240)

Lighter tints

Ivory toward white.

#FFFFF0

rgb(255, 255, 240)

#FFFFF2

rgb(255, 255, 242)

#FFFFF4

rgb(255, 255, 244)

#FFFFF6

rgb(255, 255, 246)

#FFFFF9

rgb(255, 255, 249)

#FFFFFB

rgb(255, 255, 251)

#FFFFFD

rgb(255, 255, 253)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Ivory toward black.

#FFFFF0

rgb(255, 255, 240)

#DBDBCE

rgb(219, 219, 206)

#B6B6AB

rgb(182, 182, 171)

#929289

rgb(146, 146, 137)

#6D6D67

rgb(109, 109, 103)

#494945

rgb(73, 73, 69)

#242422

rgb(36, 36, 34)

#000000

rgb(0, 0, 0)

About ivory

A soft white with a faint yellow warmth. Refined and classic, it is gentler than pure white for backgrounds and weddings. The value shown here (#FFFFF0) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with ivory

The complementary colour (#F0F0FF) sits opposite ivory on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using ivory in your design

For CSS, paste #FFFFF0 or the oklch(1.00 0.02 107) value, or download the ready-made ivory.css file above — it includes a full 50–950 token scale. Always check contrast before using ivory behind text.

What is the hex code for ivory?

Ivory is commonly #FFFFF0 (rgb(255, 255, 240)). It covers a small range, but this is a widely used value.

What colours go well with ivory?

Its complementary colour #F0F0FF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Ivory colour

Ivory colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About ivory

Palettes that work with ivory

Using ivory in your design

Popular colours

Color tools