Ivory is a very light, vivid shade in the white color family, with a warm feel. Its HEX code is #FFFFF0, which equals rgb(255, 255, 240) in RGB and hsl(60, 100%, 97%) in HSL. In print terms it converts to roughly C0 M0 Y6 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFFF0 - RGB
255, 255, 240 - HSL
60°, 100%, 97% - CMYK
0, 0, 6, 0 - Family
White - Tone
Very light, vivid
About Ivory
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 20.81:1. Its complementary color is #F0F0FF.
Download Ivory as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Ivory color codes
| HEX | #FFFFF0 |
|---|---|
| RGB | rgb(255, 255, 240) |
| HSL | hsl(60, 100%, 97%) |
| HSV | 60°, 6%, 100% |
| CMYK | 0%, 0%, 6%, 0% |
| Decimal | 16777200 |
Shades and tints of Ivory
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFFD - 100
#FFFFFA - 200
#FFFFF8 - 300
#FFFFF5 - 400
#FFFFF3 - 500
#FFFFF0 - 600
#D5D5C8 - 700
#AAAAA0 - 800
#808078 - 900
#555550 - 950
#2B2B28
Color harmonies for Ivory
- Complementary
#F0F0FF≈ Alice Blue - Analogous −30°
#FFF7F0≈ Seashell - Analogous +30°
#F7FFF0≈ Honeydew - Triadic +120°
#F0FFFF≈ Mint Cream - Triadic +240°
#FFF0FF≈ Lavender Blush - Split 150°
#F0F7FF≈ Alice Blue - Split 210°
#F7F0FF≈ Ghost White
Contrast and accessibility of Ivory
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Ivory | Aa | 1.01:1 | Fails |
| Black text on Ivory | Aa | 20.81:1 | AAA (excellent) |
CSS code for Ivory
background-color: #FFFFF0;color: #FFFFF0;background-color: rgb(255, 255, 240);background-color: hsl(60, 100%, 97%);:root { --color-ivory: #FFFFF0; }class="bg-[#FFFFF0]"Colors similar to Ivory
- Floral White
#FFFAF0 - Snow
#FFFAFA - Seashell
#FFF5EE - White
#FFFFFF - Mint Cream
#F5FFFA - Light Yellow
#FFFFE0 - Old Lace
#FDF5E6 - Honeydew
#F0FFF0 - White Smoke
#F5F5F5 - Ghost White
#F8F8FF - Lavender Blush
#FFF0F5 - Cornsilk
#FFF8DC
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Ivory?
The HEX code for Ivory is #FFFFF0.
What is the RGB value of Ivory?
Ivory has an RGB value of 255, 255, 240 (rgb(255, 255, 240)). In HSL it is 60°, 100%, 97%.
What text color should I use on Ivory?
Use black text on Ivory. White text has a contrast ratio of 1.01:1 and black text has 20.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Ivory?
The complementary color of Ivory is #F0F0FF. Analogous colors #FFF7F0 and #F7FFF0 also pair well.