#fffff0 rgb(255, 255, 240) 60°, 100%, 97% Use Ivory in Your Projects
About Ivory Color
Ivory is a warm off-white with a subtle yellow tint. It creates a softer, more inviting alternative to pure white for backgrounds and content areas.
Use Cases for Ivory
Shades & Tints of Ivory
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.ivory-color {
color: #fffff0;
background-color: #fffff0;
}
/* As a CSS custom property */
:root {
--color-ivory: #fffff0;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is Ivory?
Ivory is represented by the hex code #fffff0 and has RGB values of rgb(255, 255, 240). It falls under the White category.
How to use Ivory in web design?
Ivory works well for warm backgrounds, invitation design, wedding themes. Ivory is a warm off-white with a subtle yellow tint. It creates a softer, more inviting alternative to pure white for backgrounds and content areas. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Ivory?
Colors that pair well with Ivory include lightyellow, beige, cornsilk, oldlace, seashell. For a complementary scheme, try #f0f0ff. For an analogous scheme, use #fff7f0 and #f7fff0. For a triadic scheme, combine with #f0ffff and #fff0ff.