Cream color: code #FFFDD0

Cream

#FFFDD0

Color codes

  • HEX#FFFDD0
  • RGBrgb(255, 253, 208)
  • HSLhsl(57, 100%, 91%)
  • HSVhsv(57, 18%, 100%)
  • CMYKcmyk(0%, 1%, 18%, 0%)
  • LABlab(98.5% -6.5 21.8)
  • OKLCHoklch(98.4% 0.058 105.3)

About the color Cream

Cream has the HEX code #FFFDD0, which corresponds to rgb(255, 253, 208) in the RGB model. On the color wheel its hue sits at 57°, with 100% saturation and 91% lightness (hsl(57, 100%, 91%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 20.21:1 contrast ratio on it, versus 1.03:1 for white.

For print, the approximate conversion is cmyk(0%, 1%, 18%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Cream

Complementary

#FFFDD0 · #D1D3FF

Analogous

#FFE6D1 · #FFFDD0 · #EAFFD1

Triadic

#FFFDD0 · #D1FFFD · #FDD1FF

Tetradic

#FFFDD0 · #D1FFE6 · #D1D3FF · #FFD1EA

Split-complementary

#FFFDD0 · #D1EAFF · #E6D1FF

Monochromatic

#FFF652 · #FFFA9E · #FFFDD0 · #FFFFFF · #FFFFFF

Cream with white and black text

White text Aa Bb Cc 123
1.03:1 · fails WCAG
Black text Aa Bb Cc 123
20.21:1 · AAA

Test other pairs in the contrast checker

Cream’s personality

Cream (#FFFDD0) is a very pale yellow, noticeably more “colored” than off-white: next to a sheet of white paper, the difference is obvious. The name comes from dairy cream, and the associations follow suit: softness, comfort, something homey or vintage. In many Western contexts, cream recalls aged paper, antique china and unbleached cotton. These readings are cultural and shift with use: on a wedding invitation cream suggests tradition; in an app it can just look “yellowed” if the intent isn’t clear.

Cream in practice

Web and interfaces

It works as a gentle highlight background for notice boxes, pull quotes or testimonial sections. Avoid it as a full-page background on photo-heavy sites: the yellow surround shifts how people perceive the images, which can look cooler by comparison.

Print

Fiction is traditionally printed on cream or natural stock precisely because it softens the stark contrast of white. If your piece uses cream paper, remember that CMYK colors printed on it will skew warm; blues turn slightly greener, for example. Ask for a color proof.

Interiors and fashion

Cream walls warm up rooms that get little direct sun (north-facing rooms in the Northern Hemisphere). In clothing, it is a softer alternative to white for people with warmer skin undertones.

A palette built on cream

Contrast and dark mode

At 1.04:1 against white, white text on cream is unreadable; always use dark text, which easily clears the 7:1 AAA threshold. In dark mode, a cream background turns into a glaring block: replace it with a very dark brown and use cream for text or icons instead. Validate in the contrast checker and learn how screen and paper differ in the RGB vs. CMYK guide.

How to use it in CSS

:root {
  --color-cream: #FFFDD0;
  --color-cream-rgb: 255, 253, 208;
}

.elemento {
  background-color: var(--color-cream);
  color: #000000;
}

Similar colors

Use Cream in our tools