#FFFFF0
Yellow family

Ivory

Also known as: elegant · soft · creamy · luxurious · subtle
Save
Hex #FFFFF0
RGB rgb(255, 255, 240)
HSL hsl(60°, 100%, 97%)
CMYK 0 · 0 · 6 · 0
CSS ivory
RAL RAL 9016 · Traffic White
NCS S 0300-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, ivory symbolizes purity and refinement, frequently used in weddings and formal events. However, in some African cultures, it is a sign of wealth and status, contrasting with its conservation implications in modern contexts.

The term 'ivory' originates from the Latin word 'ebur', meaning 'elephant tusk'. By the 19th century, ivory became increasingly rare due to overhunting, leading to the establishment of conservation laws, changing its perception from luxury to a symbol of ethical responsibility.

elegantsoftcreamyluxurioussubtle

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Ivory. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Ivory by lightness — from #85857D (darkest) to #FFFFF7 (lightest). Click any to copy.

-40% #85857D
-30% #A3A39A
-20% #C2C2B6
-10% #E0E0D3
BASE #FFFFF0
+15% #FFFFF2
+30% #FFFFF4
+50% #FFFFF5
+70% #FFFFF7

Complementary

Sitting opposite Ivory at 240° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Ivory.

#FFFFF0
#D8CFC4
#B0A99F
#8B5B29
#5A3E2C

Timeless Elegance

Classic sophistication
#FFFFF0
#F7E1B5
#E4B877
#BFAF8E
#A67C4D

Warm Embrace

Cozy comfort
#FFFFF0
#E3F2E6
#A8D8B9
#75B5A0
#4E8D7E

Nature's Whisper

Serene freshness

Ivory scale

A 50–900 tonal scale with Ivory anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFFFE
100 #FFFFFC
200 #FFFFF9
300 #FFFFF6
400 #FFFFF3
500 #FFFFF0
600 #D1D1C5
700 #A8A89E
800 #808078
900 #575752

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 20.81:1
Ivory as text on… Ratio AA AAA
Aa White background 1.01:1 Fail Fail
Aa Black background 20.81:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFFFF0

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: ivory;
CSS color-mix (lighten 30%) color-mix(in srgb, ivory 70%, white)
HSV / HSB 60°, 6%, 100%
CMYK (print) 0, 0, 6, 0
Decimal 16777200
Nearest web-safe #FFFFFF

Color vision

How Ivory appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFFFF0

Protanopia (no red)

#FFFFF4

Deuteranopia (no green)

#FFFFF5

Tritanopia (no blue)

#FFF6F7
Cream
7 / 29 Yellows Champagne
Copied!