neutralwarmCSS named color

Ivory #FFFFF0

A white with a faint yellow cast, named after the material. A classic choice for formal and wedding palettes.

Use cases: Weddings · Formal stationery

Open in generator →Colors that go with Ivory →

Color values

FormatValue
HEX#FFFFF0
RGBrgb(255, 255, 240)
HSLhsl(60, 100%, 97%)
HSVhsv(60, 6%, 100%)
OKLCHoklch(99.6% 0.02 106.7)
OKLaboklab(99.6% -0.0056 0.0188)
CMYKcmyk(0%, 0%, 5.9%, 0%)
XYZxyz(92.726, 99.0716, 96.659)
CIE-LABlab(99.6, -2.6, 7.2)
CIE-LCHlch(99.6, 7.6, 109.6°)
Luminance0.991 (WCAG relative)
/* Ivory */ --ivory: #fffff0; color: #fffff0; background-color: #fffff0;

Source: W3C CSS named color. CSS keyword: ivory.

Collections: Cream Colors · Off White Colors · Citrus Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e2e2d5 #c6c6bb #ababa1 #919188 #777770 #5e5e59 #474743 #30302e #1b1b1a #000000

Tints (toward white)

#fffff2 #fffff3 #fffff5 #fffff6 #fffff8 #fffff9 #fffffb #fffffc #fffffe #ffffff

Tones (toward gray)

#fffff1 #fffff3 #fffff4 #fffff6 #fffef7 #fefef8 #fefefa #fefefb #fefefd #fefefe

Color harmonies

Complementary

Edit in generator →
#FFFFF0
#F0F0FF
#fffff0 #f0f0ff

Analogous

Edit in generator →
#FFF8F0
#FFFFF0
#F8FFF0
#fff8f0 #fffff0 #f8fff0

Triadic

Edit in generator →
#FFFFF0
#F0FFFF
#FFF0FF
#fffff0 #f0ffff #fff0ff

Tetradic

Edit in generator →
#FFFFF0
#F0FFF8
#F0F0FF
#FFF0F8
#fffff0 #f0fff8 #f0f0ff #fff0f8

Square

Edit in generator →
#FFFFF0
#F0FFF8
#F0F0FF
#FFF0F8
#fffff0 #f0fff8 #f0f0ff #fff0f8

Split Complementary

Edit in generator →
#FFFFF0
#F0F8FF
#F8F0FF
#fffff0 #f0f8ff #f8f0ff

Monochromatic

Edit in generator →
#FFFF76
#FFFFB3
#FFFFE0
#FFFFE0
#FFFFE0
#ffff76 #ffffb3 #ffffe0 #ffffe0 #ffffe0

Accessibility & contrast

1.01
#FFFFF0 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
20.81
#FFFFF0 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on Ivory

20.81
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#FFFEEF
Deuteranopia (green-blind)
#FFFEF0
Tritanopia (blue-blind)
#FFFDFB

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Floralwhite #FFFAF03.66
Oldlace #FDF5E64.17
Beige #F5F5DC4.25
Eggshell #F0EAD65.12
Cornsilk #FFF8DC5.14
Lightyellow #FFFFE05.49

Combinations with Ivory

Palettes with Ivory

Colors that go with Ivory

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Dark Olive #373E02
11.2:1
Same hue family as ivory (Δh 7°) — guaranteed harmony
Espresso #4B382A
11.0:1
Analogous hue (Δh ≈35°) — neighbors on the color wheel
8.8:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Charcoal #36454F
9.8:1
Split-complementary angle (Δh ≈144°) — strong but softer than direct complement
Midnight #03012D
19.9:1
Complementary hue (Δh ≈177°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

Ivory Color — #FFFFF0 — Tintiva