Ivory hex code
The hex code for ivory is #FFFFF0. In RGB that is rgb(255, 255, 240) and in HSL it is hsl(60, 100%, 97%).
The hex code for ivory is #FFFFF0. In RGB that is rgb(255, 255, 240) and in HSL it is hsl(60, 100%, 97%).
Ivory · #FFFFF0
Colour codes
- HEX
- #FFFFF0
- RGB
- rgb(255, 255, 240)
- HSL
- hsl(60, 100%, 97%)
- CMYK
- 0, 0, 6, 0
- CSS name
- ivory
- Contrast on white
- 1.01:1
- Contrast on black
- 20.81:1
Tints and shades
20% lighter · #fffff3
40% lighter · #fffff6
60% lighter · #fffff9
80% lighter · #fffffc
20% darker · #ccccc0
40% darker · #999990
60% darker · #666660
80% darker · #333330
Complementary colour
Ivory · #FFFFF0
Opposite on the colour wheel · #f0f0ff
Frequently asked questions
What is the hex code for ivory?
The hex code for ivory is #FFFFF0. In RGB that is rgb(255, 255, 240) and in HSL it is hsl(60, 100%, 97%).
Can I use ivory for text?
It has a contrast ratio of 1.01:1 on white and 20.81:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with ivory?
Its complementary colour, opposite on the colour wheel, is #F0F0FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of ivory instead.
Is ivory a CSS colour name?
Yes. CSS accepts the keyword ivory, so color: ivory and color: #FFFFF0 render exactly the same.