Color Converter (HEX, RGB, HSL)Specialized Version
🎨

Ivory HEX Code

Ivory color HEX code

RGB
H (0-360)S (%)L (%)

Copy CSS Values

Lightness Variations

Ivory HEX Code

The HEX code for ivory is #FFFFF0. Ivory is a soft off-white color with a subtle yellow tint, named after the material from elephant tusks. It's warmer than pure white and often used as an elegant background color.

Ivory Color Values

FormatValue
HEX#FFFFF0
RGBrgb(255, 255, 240)
HSLhsl(60, 100%, 97%)
CMYKC:0 M:0 Y:6 K:0

Ivory and Off-White Variations

ShadeHEXDescription
White#FFFFFFPure white
Ivory#FFFFF0Yellow-tinted
Snow#FFFAFAPink-tinted
Seashell#FFF5EEPeach-tinted
Linen#FAF0E6Warmer
Floral White#FFFAF0Soft cream

Ivory in Design

Ivory conveys:

  • Elegance: Sophisticated, premium
  • Warmth: Softer than white
  • Classic: Timeless, traditional
  • Luxury: Wedding, formal

Using Ivory in Design

``css /* Ivory background */ .elegant { background-color: #FFFFF0; color: #2C2C2C; }

/* Wedding palette */ :root { --ivory: #FFFFF0; --champagne: #F7E7CE; --gold: #D4AF37; } ``

Ivory vs White

ColorHEXFeel
White#FFFFFFStark, clinical
Ivory#FFFFF0Warm, elegant
Cream#FFFDD0Richer, yellow
Use ivory instead of white for warmer, more inviting designs.

Frequently Asked Questions

What is ivory in HEX?

#FFFFF0 is CSS ivory, an off-white with a subtle yellow tint.

Ivory vs white?

Ivory (#FFFFF0) is warmer with a slight yellow tint. White (#FFFFFF) is pure and stark.

When to use ivory?

Ivory is ideal for elegant, wedding, or formal designs where pure white feels too cold.

Related Tools

Explore other tools you might find useful:

Related Calculators