ivory — #FFFFF0
#FFFFF0
rgb(255, 255, 240) · hsl(60, 100%, 97%) · CSS keyword ivory
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| ivory on white | 1.01:1 | — | — |
| ivory on black | 20.81:1 | AA | AA |
As a background, ivory takes black text: 20.81:1 against 1.01:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: ivory;
color: #fffff0;
color: rgb(255 255 240);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to ivory
- floralwhite — #FFFAF0
- white — #FFFFFF
- snow — #FFFAFA
- lightyellow — #FFFFE0
- mintcream — #F5FFFA
- seashell — #FFF5EE
Frequently asked questions
What is the hex code for ivory?
The hex code for ivory is #FFFFF0 — RGB 255, 255, 240.
Can I use ivory for text?
Not on a white background. ivory reaches only 1.01:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on ivory be black or white?
Black — 20.81:1 against 1.01:1 the other way.
Other named colours
- khaki — #F0E68C
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
- lawngreen — #7CFC00
- lemonchiffon — #FFFACD
- lightblue — #ADD8E6
- lightcoral — #F08080
- lightcyan — #E0FFFF
- lightgoldenrodyellow — #FAFAD2
- lightgray — #D3D3D3
- lightgreen — #90EE90
- lightpink — #FFB6C1
#FFFFF0 in full — tints, shades and harmonies · All named colours · Colour reference