Ivory color

Named after the material of elephant tusks. It's a white with a slight yellow tint. It's a popular choice for wedding dresses because it's softer than pure white.

Also known as: ivory white.

Ivory · #FFFFF0

About ivory

Ivory (#FFFFF0) is a warm, light, highly saturated color. It belongs to the whites family. It mixes 255 red, 255 green and 240 blue (out of 255). It is mostly used in weddings, home decor, fashion.

Ivory shades and tints

From lightest to darkest. Tap a shade to copy its code.

Ivory color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: White smoke

AnalogousClose to: Linen

TriadicClose to: White, Snow white

Split complementaryClose to: White smoke

TetradicClose to: Off-white, White smoke, Snow white

Ivory color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Ivory

Analogous palette · Ivory

Complementary palette · Ivory

Triadic palette · Ivory

With neutrals palette · Ivory

With an accent palette · Ivory

Ivory contrast with text

White textContrast 1.0:1 · Not recommended

Black textContrast 20.8:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --ivory: #FFFFF0;
  --ivory-rgb: 255, 255, 240;
}
.bg { background-color: var(--ivory); }
.text { color: var(--ivory); }

Colors similar to ivory

Linen Off-white Beige Alabaster White Eggshell Snow white White smoke Antique white Ecru

Themed palettes with this color

More whites

White Cream Bone Off-white Snow white Pearl Alabaster Linen White smoke Vanilla Eggshell Antique white Ecru

Frequently asked questions

What is the hex code for ivory?

The hex code for ivory is #FFFFF0. In RGB it is rgb(255, 255, 240), in HSL hsl(60, 100%, 97%) and in CMYK 0, 0, 6, 0.

What is the complementary color of ivory?

Its complement on the color wheel is #F0F0FF, close to white smoke. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on ivory?

Use black text instead: the contrast with white is only 1.0:1, while with black it is 20.8:1.