#FFFFF0

Ivory

Ivory is a warm, slightly yellowish white named after elephant ivory. It is softer and warmer than pure white, widely used in wedding and luxury design.

Ivory Color Values

HEX#FFFFF0
RGB255, 255, 240
HSL60°, 100%, 97%
HSV60°, 6%, 100%
CMYK0%, 0%, 6%, 0%

Color Blindness Simulation

Protanopia
Red-blind. Cannot perceive red light.
Sees: #FFFEEF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FFFEF0 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFFDFB (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #FDFDFD (~0.003% of population)

Ivory as Text Color

Ivory on White
1.0:1FAIL
Ivory on Light Gray
1.1:1FAIL
Ivory on Cream
1.0:1FAIL
Ivory on Dark
16.9:1AAA
Ivory on Black
20.8:1AAA
Ivory on Soft Blue
1.1:1FAIL
Ivory on Soft Green
1.1:1FAIL
Ivory on Soft Pink
1.2:1FAIL

Nearest Tailwind Class

amber-50
#FFFBEB

Nearest Pantone Match

Pantone Cool Gray 1
#D9D9D6

CSS Variable Export

:root {
  --color-ivory: #FFFFF0;
  --color-ivory-rgb: 255, 255, 240;
}

Tailwind Config

// tailwind.config.js
colors: {
  'ivory': '#FFFFF0',
}

Shades of Ivory

#FFFFF0
#FFFFB8
#FFFF80
#FFFF4D
#FFFF14
#DBDB00
#A3A300
#707000
#383800
#000000

Tints of Ivory

#FFFFF0
#FFFFF0
#FFFFF5
#FFFFF5
#FFFFF5
#FFFFFA
#FFFFFA
#FFFFFA
#FFFFFF
#FFFFFF

Color Harmonies

Complementary

#FFFFF0
#F0F0FF

Analogous

#FFF7F0
#FFFFF0
#F7FFF0

Triadic

#FFFFF0
#F0FFFF
#FFF0FF

Ivory Text Preview

Heading in Ivory

Body text in Ivory. The quick brown fox jumps over the lazy dog.

White on Ivory

Body text on a Ivory background.

Ivory text on dark background

Contrast: 17.6:1