Ivory

#FFFFE3

What color is Ivory?

Ivory is a warm, creamy off-white with a faint yellow tint, hex #FFFFE3, close to the color of a magnolia petal. It is softer and warmer than pure white, with a gentle, muted tone that reads as natural rather than stark.

What is the meaning of the color Ivory?

Named after elephant tusk material traded across Africa and Asia for centuries, ivory entered English as a color name by the late 19th century. Demand for tusk ivory drove a global trade centered in ports like Zanzibar, which by the 1870s was the world’s largest ivory market. The color inherited associations with luxury and organic warmth from this trade. The international ivory trade ban established under CITES in 1989 did not diminish the color name’s cultural presence — Benjamin Moore lists Ivory White as one of its enduring interior paint shades.

RGB
255, 255, 227
HSL
60°, 100%, 95%
CMYK
0, 0, 11, 0
HSV
60°, 11%, 100%
Ivory color

What colors go with Ivory?

Colors that pair well with Ivory include:
Sage Green: soft, natural balance
Navy Blue: sharp, grounding contrast
Caramel: warm, tonal depth
Dusty Rose: gentle, delicate softness
Charcoal: clean, modern contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFFFE3 color: #FFFFE3;
RGB 255, 255, 227 color: rgb(255, 255, 227);
RGB Percentage 100%, 100%, 89% color: rgb(100%, 100%, 89%);
CMYK 0%, 0%, 11%, 0% Not supported in CSS
HSL 60°, 100%, 95% color: hsl(60, 100%, 95%);
HSV 60°, 11%, 100% Not supported in CSS
CIE-LAB 76, 0, 9 color: lab(76% 0 9);
Decimal 16777187 Not supported in CSS

Color Variations

Shades

#FFFFE6
#FFFFB5
#FFFF85
#FFFF54
#FFFF24
#F2F200
#C2C200
#919100

Tints

#FFFFF7
#FFFFF5
#FFFFF2
#FFFFF0
#FFFFED
#FFFFEB
#FFFFE8
#FFFFE6

Tones

#FFFFE6
#FEFEE7
#FCFCE8
#FBFBE9
#FAFAEB
#F9F9EC
#F7F7ED
#F6F6EE

Hues

#FFFFE6
#ECFFE6
#E6FFF2
#E6F9FF
#E6E6FF
#F9E6FF
#FFE6F2
#FFECE6

Color Harmonies

Analogous

#FFF2E6
Click to copy
#FFFFE3
Click to copy
100%
#F2FFE6
Click to copy

Complementary

#FFFFE3
Click to copy
100%
#E6E6FF
Click to copy

Split Complementary

#FFFFE3
Click to copy
100%
#E6F2FF
Click to copy
#F2E6FF
Click to copy

Triadic

#FFFFE3
Click to copy
100%
#E6FFFF
Click to copy
#FFE6FF
Click to copy

Tetradic

#FFFFE3
Click to copy
100%
#E6FFF2
Click to copy
#E6E6FF
Click to copy
#FFE6F2
Click to copy

Square

#FFFFE3
Click to copy
100%
#E6FFF2
Click to copy
#E6E6FF
Click to copy
#FFE6F2
Click to copy

CSS & Dev Snippets

CSS
.ivory {
  color: #FFFFE3;
}
SCSS
$ivory: #FFFFE3;
RGB
rgb(255, 255, 227)

Accessibility & Contrast

White background

1.02:1
1.02
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

20.67:1
20.67
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags