What is the hex code for ivory?

Ivory is #FFFFF0 — the CSS named color. In RGB that is rgb(255, 255, 240), and in HSL hsl(60, 100%, 97%): full white with the blue channel pulled down slightly.

Is ivory a shade of white?

Yes. It is an off-white — white with a small amount of yellow. At 97% lightness most people will call it white until it sits next to a pure white.

What is the difference between ivory and cream?

Both are warm off-whites at roughly the same hue, but cream is darker and more saturated. Ivory reads as white with a hint of warmth; cream reads as a pale yellow.

Can I use ivory text on a white background?

No. Ivory on white measures about 1.01:1, effectively invisible — normal text needs 4.5:1. Ivory is a background color.

Ivory color: hex codes, shades and palettes

Palettes built around ivory. Click any swatch to copy its hex code.

Ivory is the off-white of old piano keys and wedding stationery — white with a trace of yellow in it, warm enough to feel softer than paper but pale enough to still read as white. The CSS keyword ivory is #FFFFF0.

#FAECD8

#EEE5D6

#E4DED4

#E3D5C1

#D8D2C0

#E1DBCB

#EBE5CE

#F4EEDF

#E1CFBC

#E5D9C6

#EDE1CE

#F5E9D1

#DFD0C0

#E9D8C4

#EBE1D6

#FAE8D4

#E9D3D2

#E7D7CF

#FDEFE0

#E0DCC7

#F6EBD4

#E9E5D2

#DEDED0

#D5D8C8

#FDEFDC

#ECE6DD

#EDDAC0

#DED0C0

#F7E1D2

#F5EEE6

#EDE9DD

#E5E5CD

#DED8C2

#E0E0D2

#E1EBD6

#E6F2E3

#F9EAD4

#ECE5CF

#E3E0C5

#D7DBC3

#F3ECD3

#E5E4D9

#DCDDCA

#D0D7C3

#EEEEDF

#E4E5DA

#D9DDCC

#CFD5C4

#EAD9D0

#EED5C0

#E2D6C7

#D5D2C0

#F1EADF

#E7E4D9

#E3DEC2

#D6D8C8

#F4DDCB

#DFD2B8

#E4E2D2

#DEE5D0

#FDE4D5

#F8DECB

#ECD9CB

#E1D4CB

#F1EAE0

#EFE1C7

#E7D8BE

#D7D1C2

#ECDAD4

#EBD9CD

#DDD0C1

#DFDACE

#D9D1C3

#E2DBC7

#E6E5D5

#EDF0DC

#F8F0D8

#E9E8D5

#DBE1CF

#D1D7CA

#F2EDD7

#E8E6D9

#E1DED2

#DAD8C3

#F1EDE1

#E8E4D8

#E3DBBF

#D6D2C1

#F2F1E1

#EAE8D4

#E1DFCA

#D9D6BC

#F2ECD5

#E7E5D4

#DEE0C4

#D5D7C8

Ivory hex, RGB, HSL and OKLCH

#FFFFF0

HEX: #FFFFF0
RGB: rgb(255, 255, 240)
HSL: hsl(60, 100%, 97%)
OKLCH: oklch(99.6% 0.020 106.8)
On white: 1.01:1
On black: 20.81:1

Shades of ivory

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Named shades and close relatives

Ivory vs cream vs beige vs eggshell

These four get used as if they were the same color, and the difference is easy to state once the numbers are in front of you. Ivory sits at hue 60 with 97% lightness — the palest of the group and barely tinted. Cream keeps a similar hue but drops to 91% lightness, so it reads as noticeably more yellow. Beige carries more of that yellow still and starts to feel like a color rather than a white. Eggshell adds a little grey, which is what gives it the flatter, chalkier feel that paint charts trade on.

The practical rule: ivory when you want white that is not clinical, cream when you want warmth to be visible, beige when you want an actual neutral color, eggshell when you want either without the yellow reading as cheap.

Where ivory works

Wedding invitations and stationery, luxury and skincare packaging, book interiors, and any interface that wants to feel calm rather than sterile. Pure white backgrounds are unforgiving under bright light; a few percent of warmth takes the glare off without anyone consciously noticing the page is not white.

It pairs naturally with warm neutrals — taupe, sand, soft brown — and with deep colors that have some warmth of their own, such as forest green, burgundy or navy. Against a cool grey it can look accidental, as though the white point drifted.

Contrast and readability

Ivory on white measures 1.01:1 and on black 20.81:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.24:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Ivory color questions

What is the hex code for ivory?: Ivory is #FFFFF0 — the CSS named color. In RGB that is rgb(255, 255, 240), and in HSL hsl(60, 100%, 97%): full white with the blue channel pulled down slightly.
Is ivory a shade of white?: Yes. It is an off-white — white with a small amount of yellow. At 97% lightness most people will call it white until it sits next to a pure white.
What is the difference between ivory and cream?: Both are warm off-whites at roughly the same hue, but cream is darker and more saturated. Ivory reads as white with a hint of warmth; cream reads as a pale yellow.
Can I use ivory text on a white background?: No. Ivory on white measures about 1.01:1, effectively invisible — normal text needs 4.5:1. Ivory is a background color.

Related colors:cream, beige. See every shade on the colors index.