White family
Ivory color
An almost pure white with a warm tint. The reference ivory is #FFFFF0, as defined by the CSS named color.
| HEX | #FFFFF0 | |
|---|---|---|
| RGB | rgb(255, 255, 240) | |
| HSL | hsl(60, 100%, 97%) | |
| HSV | hsv(60, 6%, 100%) | |
| OKLCH | oklch(99.6% 0.020 106.8) | |
| CMYK* | 0, 0, 6, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is ivory?
Ivory is an off-white with a faint warm yellow tint, named after the material of elephant tusks. The CSS keyword ivory, #FFFFF0, is barely distinguishable from white on most screens; the xkcd survey ivory is creamier.
Ivory hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of ivory in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Ivory | #FFFFF0 | CSS named color | Reference shown on this page |
| Ivory | #FFFFCB | xkcd Color Survey | Close · 81% similar |
| Ivory | #FFFFF0 | Color Names (meodai) | Same color |
Ivory vs Cream
#FFFFF0
#FFFFC2
Cream is yellower; ivory is the whiter of the two. In numbers: the two are 76% similar (OKLab distance 0.059). See Cream for its own codes.
Colors similar to ivory
The closest named colors to #FFFFF0 across all three sources, with their similarity in OKLab.
Tints and shades of ivory
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with ivory
Classic color-wheel combinations built on #FFFFF0, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Ivory with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a ivory background, black text is the better choice.
Use ivory in CSS
.ivory {
color: #FFFFF0;
/* or */ color: rgb(255 255 240);
/* or */ color: hsl(60 100% 97%);
/* or */ color: oklch(99.6% 0.020 106.8);
/* CSS keyword */ color: ivory;
}