Skip to content

Ivory #fffff0

White, with a memory of warmth.

RGB
255, 255, 240
HSL
60°, 100%, 97%
CMYK
0, 0, 6, 0
Luminance
0.9907

About Ivory

Ivory, #fffff0, is white holding a single drop of yellow — the color of piano keys, wedding dresses and old book pages. It is the gentlest correction to pure white ever standardized: warmth without visible color.

History

The material wrote the color’s story: elephant ivory keys, combs and billiard balls made “ivory” a luxury word centuries before the trade’s ban made the material taboo — the color outlived the commodity. Ivory wedding gowns overtook stark white partly because they flatter more skin tones under photography.

Psychology

Ivory reads as classic, calm and quietly premium — white that has aged gracefully. It removes clinical coldness while keeping cleanliness, the reason stationery, bridal and interior design defaults to it.

In design

Ivory is a canvas color: pair with charcoal or espresso ink for editorial elegance, gold for invitation formality, sage and terracotta for organic palettes. It is never text. Against pure white surfaces it creates the subtlest possible layering — cards that feel like paper stock.

In culture

Ivory towers, ivory keys, tickling the ivories: the word means refinement at a distance. In bridal tradition ivory is the modern white; in academia, the metaphor for splendid isolation.

Brands that own ivory

Shades of ivory

Every format

HEX#fffff0
RGBrgb(255, 255, 240)
HSLhsl(60, 100%, 97%)
CMYKcmyk(0%, 0%, 6%, 0%)
LABlab(99.6 -2.5 7.2)
LCHlch(99.6 7.6 109.6)
OKLCHoklch(0.996 0.020 106.8)

Copy-ready code

/* CSS */
color: #fffff0;
background-color: #fffff0;
/* Tailwind (arbitrary) */
class="text-[#fffff0] bg-[#fffff0]"
/* SCSS */
$brand: #fffff0;
/* SwiftUI */
Color(red: 1.000, green: 1.000, blue: 0.941)
/* Android */
Color.parseColor("#fffff0")

Accessibility — WCAG contrast

Aa
#fffff0 on white: 1.01:1
AA ✗ fail · AA-large · AAA
Aa
#fffff0 on black: 20.81:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green100.0%
Blue94.1%

CMYK percentages

Cyan0.0%
Magenta0.0%
Yellow5.9%
Key (black)0.0%

Color previews

#fffff0 text on a black background

contrast 20.81:1

Card sample

#fffff0 text on a white background

contrast 1.01:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fffff0;
Background color
Panel with #fffff0 background
background-color: #fffff0;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #fffff0;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 255, 240, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 255, 240, 0.45);
Border & gradient
Gradient panel
border: 3px solid #fffff0;
background: linear-gradient(135deg, #fffff0, #F5FFF0);

Monochromatic scale

Palettes built from #fffff0

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Ivory, answered

What is the hex code for ivory?

CSS ivory is #fffff0 — white with the blue channel eased back. Cream #fffdd0 and eggshell #f0ead6 sit progressively warmer.

Ivory vs white for weddings?

Ivory photographs warmer and flatters more skin tones under varied light; stark white can read blue-cold on camera. Most “white” gowns sold today are ivory family.

How do I use ivory in UI?

As the page canvas or card stock with charcoal text — it makes interfaces feel like good paper. Layer it over pure white for the quietest possible elevation.

Work with #fffff0 in the Color Lab