Ivory color (#FFFFF0)
Ivory is one of the 148 CSS named colors. Use the keyword ivory
anywhere CSS accepts a color, or its hex code #FFFFF0, which is rgb(255, 255, 240) in RGB.
It is a very light neutral and a perceived lightness of 100% in OKLCH. On a ivory background, black text gives the higher contrast at 20.81:1, which passes WCAG AA for normal text.
Ivory color codes
| CSS name | ivory |
|
|---|---|---|
| HEX | #FFFFF0 |
|
| HEX (8-digit) | #FFFFF0FF |
|
| RGB | rgb(255, 255, 240) |
|
| HSL | hsl(60, 100%, 97%) |
|
| HSV / HSB | hsv(60, 6%, 100%) |
|
| OKLCH | oklch(99.6% 0.0196 106.8) |
|
| CMYK | cmyk(0%, 0%, 5.9%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for ivory used as text and as a background.
Tints and shades of ivory
Tints mix ivory with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with ivory
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Ivory with color blindness
Approximately how ivory appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using ivory in CSS
.element {
color: ivory;
background-color: #fffff0;
border-color: rgb(255 255 240 / 50%);
outline-color: oklch(99.6% 0.0196 106.8);
}Similar named colors
See all shades of white or browse every CSS color name.