Ivory colour (#FFFFF0)

Ivory is very light a yellow with hex code #FFFFF0, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 255, 255, 240; in HSL 60°, 100%, 97%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Ivory colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Ivory in every format

FormatValue
HEX#FFFFF0
RGBrgb(255, 255, 240)
RGB (0–1)1.000, 1.000, 0.941
HSLhsl(60, 100%, 97%)
CMYK (approx.)0%, 0%, 6%, 0%
CSScolor: ivory;

Shades and tints of Ivory

Same hue and saturation, lightness from 90% to 10%:

#ffffcc #ffff99 #ffff66 #ffff33 #ffff00 #cccc00 #999900 #666600 #333300

Colours that go with Ivory

HarmonyColours
Complementary #f0f0ff
Triadic #f0ffff #fff0ff
Analogous #f7fff0 #fff7f0

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
floralwhite #fffaf0very close
seashell #fff5eevery close
snow #fffafavery close
mintcream #f5fffavery close
oldlace #fdf5e6very close

Accessibility

Contrast ratio of Ivory against white is 1.01:1 (fails WCAG AA for normal text) and against black 20.81:1 (passes). Use black or very dark text on a Ivory background rather than white.

Frequently asked questions

What is the hex code for Ivory?

#FFFFF0.

What is Ivory in RGB?

rgb(255, 255, 240).

What colour is complementary to Ivory?

#f0f0ff, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.