Skip to content

Ivory#FFFFF0 HEX Color

#FFFFF0rgb(255, 255, 240)
#FFFFF0 color swatch

About Ivory

Ivory (#FFFFF0) is a cool, light, vivid yellow tone with a hue of 60°, saturation of 100% and lightness of 97%. It works well for highlights and friendly designs and conveys a cheerful feeling. On a white background it reaches a contrast ratio of 1.01:1, while on black it reaches 20.81:1 — so prefer black text when using #FFFFF0 as a background.

Color Codes

HEX#FFFFF0
RGBrgb(255, 255, 240)
HSLhsl(60°, 100%, 97%)
CMYKcmyk(0%, 0%, 6%, 0%)
CIELABLab(99.6, -2.6, 7.2)

Accessibility & Contrast

On white
1.01:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
20.81:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #FFFFF0 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #FFFFF0;
color: #FFFFF0;
border: 2px solid #FFFFF0;
background: linear-gradient(135deg, #FFFFF0, #f0f0ff);

Code Export

css
:root {
  --color-primary: #fffff0;
  --color-primary-rgb: 255, 255, 240;
  --color-primary-hsl: 60, 100%, 97%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #FFFFF0?

Color #FFFFF0 is commonly known as Ivory. It is a cool, light, vivid yellow tone.

Is #FFFFF0 a warm or cool color?

Ivory (#FFFFF0) is a cool color. With a hue of 60°, it falls in the yellow family.

What colors go well with #FFFFF0?

Colors that pair well with Ivory (#FFFFF0) include its complementary color (#F0F0FF), neutral whites and warm creams, and analogous yellow tones for harmonious palettes.