Ivory

HEX: #FFFFF0 | Modern Palette

On White
1.01:1
FAIL
On Black
20.81:1
PASS

Color Specifications

HEX
#FFFFF0
RGB
255, 255, 240
HSL
60°, 100% ,97%
CMYK
0, 0, 6, 0

About Ivory

Ivory (#FFFFF0) is a color with RGB(255, 255, 240) and HSL(60°, 100%, 97.1%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #F0F0FF, which creates strong contrast. Its triadic palette includes Azure Mist/web (#F0FFFF) and #FFF0FF. The name comes from Ivory (English).

  • HEX: #FFFFF0
  • RGB: 255, 255, 240
  • HSL: 60°, 100%, 97.1%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #F0F0FF
  • Triadic colors: Azure Mist/web (#F0FFFF), #FFF0FF
  • The name comes from Ivory (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Ivory #FFFFF0 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
YELLOW
UNMELLOW YELLOW
IVORY
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
IVORY
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
YELLOW
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Ivory #FFFFF0 pairs with #F0F0FF as its complementary color, and Azure Mist/web (#F0FFFF) and #FFF0FF in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

IVORY
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

IVORY
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

IVORY
AZURE MIST/WEB
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

IVORY
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

IVORY
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

IVORY

Shades & Tints

The shade and tint range for Ivory #FFFFF0 moves from dark #1A1A00 tones through the base color to lighter #FFFFE6 tones, making it useful for depth, hierarchy, and background variation.

IVORY

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #FFFFF0
Protanopia #FFFFF0
Tritanopia #FFFDFD
Achromatopsia #FEFEFE

Frequently Asked Questions

Ivory (#FFFFF0) is a color with RGB(255, 255, 240) and HSL(60°, 100%, 97.1%).

#FFFFF0 pairs strongly with #F0F0FF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFFFF0 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFFFF0 is commonly associated with Playful.

The name Ivory is linked to Ivory from English, meaning The hard, white, opaque, and highly elastic substance constituting the main part of the tusks of an elephant, hippopotamus, walrus, narwhal, etc..

Name, History & Etymology

Origin Word Ivory
Meaning The hard, white, opaque, and highly elastic substance constituting the main part of the tusks of an elephant, hippopotamus, walrus, narwhal, etc.
Language English
First Recorded Use Late Middle English

History

The word 'ivory' comes from the Old French 'ivoire', which itself is derived from the Latin 'ebur' (genitive 'eboris'), meaning 'ivory'. This Latin term is thought to have come from an Egyptian word 'âb' or 'âbu' meaning 'elephant' or 'ivory'. The material has been highly prized for millennia for its beauty, durability, and workability, used in art, jewelry, tools, and decorative objects across many cultures. The color 'ivory' (#fffff0) is a creamy, off-white color that resembles the natural color of elephant tusks.

First Recorded Use

1300s

Cultural Associations

Ivory has significant cultural importance in many parts of the world. In some African and Asian cultures, it has been a symbol of royalty, wealth, and status. It has been carved into intricate sculptures, religious figures, and musical instruments. However, the trade in ivory has also led to severe poaching of elephants and other tusked animals, pushing many species to the brink of extinction. This has led to international bans and strong conservation efforts to protect these animals. The color 'ivory' is often associated with elegance, purity, and luxury, similar to white but with a softer, warmer tone.

Similar Named Colors
Light Yellow #FFFFED ΔE 1.15
Cosmic Latte #FFF8E7 ΔE 3.38
Floral White #FFFAF0 ΔE 3.66
Old Lace #FDF5E6 ΔE 4.17

Code Snippets

/* Background */
.element {
    background-color: #FFFFF0;
}

/* Text */
.element {
    color: #FFFFF0;
}

/* Border */
.element {
    border: 1px solid #FFFFF0;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFFFF0,
        #F0F0FF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFFFF0,
        #F0F0FF
    );
}

// SCSS variable
$ivory: #FFFFF0;

// With RGB channels (useful for rgba() usage)
$ivory-r: 255;
$ivory-g: 255;
$ivory-b: 240;

// Usage
.element {
    background-color: $ivory;
    color: rgba($ivory-r, $ivory-g, $ivory-b, 0.8);
}