Ivory Color

Learn about Ivory (#fffff0): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#fffff0
HEX #fffff0
RGB rgb(255, 255, 240)
HSL 60°, 100%, 97%

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

warm backgroundsinvitation designwedding themespaper texturesclassic design

Shades & Tints of Ivory

#ffffff
#fffffb
#fffff8
#fffff4
#fffff0
#bfbfb4
#808078
#40403c
#000000

Complementary Color

#fffff0
#f0f0ff

Analogous Colors

#fff7f0
#fffff0
#f7fff0

CSS Code

.ivory-color {
  color: #fffff0;
}

Contrast Recommendations

Black text on Ivory
Ratio: 20.81:1 ✓ Passes AA ✓ Passes AAA
White text on Ivory
Ratio: 1.01:1 ✗ Fails AA ✗ Fails AAA

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.