What does the color Ivory mean?

Yellow

Ivory

#fffff0

#fffff3

#fffff6

#fffff9

#fffffc

#e6e6da

Meaning

Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.

History

Ivory is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Ivory (#fffff0) in CSS as color: ivory; or as #fffff0.

Preview

Ivory

#fffff0

Overview

Family: Yellow

Accessibility on this swatch:

AAA

(20.81:1)

Contrast vs white: 1.01:1 · vs black: 20.81:1

Formats

HEX

#fffff0

RGB

rgb(255, 255, 240)

RGBA

rgba(255, 255, 240, 1)

HSL

hsl(60, 100%, 97%)

HSV

hsv(60, 6%, 100%)

LAB

lab(99.64% -2.55 7.16)

LCH

lch(99.64% 7.6 109.6)

OKLAB

oklab(0.996 -0.0057 0.0188)

OKLCH

oklch(0.996 0.0196 106.87)

XYZ

xyz(92.73, 99.07, 96.66)

CMYK

cmyk(0%, 0%, 6%, 0%)

CSS

color: #fffff0;

CSS variable

--color-fffff0: #fffff0;

SCSS

$color-fffff0: #fffff0;

Tailwind

amber-50

Export

Developer code

:root {
  --ivory-1: #fffff0;
}

Color psychology

Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#fffff3

#fffff6

#fffff9

#fffffc

#e6e6da

#ccccc3

#b3b3ad

#999996

Similar colors

#fffaf0

#fdf5e6

#f0fff0

#fff5ee

#f5fffa

#faf0e6

#f5f5dc

#fff8dc

Browse more in the color name library.