What is the hex code for Ivory?

The hex code for Ivory is #FFFFF0. In RGB that is rgb(255, 255, 240), and in HSL it is hsl(60, 100%, 97%).

What RGB values make Ivory?

Ivory is 255 red, 255 green, and 240 blue, written as rgb(255, 255, 240).

Ivory scores 1.01:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: ivory directly in CSS, which every browser resolves to #FFFFF0.

#FFFFF0

Ivory is a white tone at #FFFFF0. It sits at 60 degrees on the color wheel with 100% saturation and 97% lightness.

Color values

Tints mix Ivory with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFFFFC

Tint 60%

#FFFFF9

Tint 40%

#FFFFF6

Tint 20%

#FFFFF3

Base

#FFFFF0

Shade 20%

#CCCCC0

Shade 40%

#999990

Shade 60%

#666660

Shade 80%

#333330

On white

Sample text

1.01:1

Fails WCAG for text

On black

Sample text

20.81:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Ivory?: The hex code for Ivory is #FFFFF0. In RGB that is rgb(255, 255, 240), and in HSL it is hsl(60, 100%, 97%).
What RGB values make Ivory?: Ivory is 255 red, 255 green, and 240 blue, written as rgb(255, 255, 240).
Is Ivory readable as text on a white background?: Ivory scores 1.01:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Ivory a valid CSS color name?: Yes. You can write color: ivory directly in CSS, which every browser resolves to #FFFFF0.