Cream

#FDFBD4

What color is Cream?

Cream is a very pale yellow-white with a soft, warm tone, hex #FDFBD4, close to the color of fresh ivory fabric. It is lighter and warmer than pure white, with just enough yellow to feel gentle rather than stark.

What is the meaning of the color Cream?

French cuisine gave English the color name crème, referring to the pale yellow surface of fresh dairy cream, with the English form recorded as a color name by the early 19th century. The color spread through textile and interior design as a softer alternative to white, favored in lace, linen, and upholstery across Victorian England. Designers adopted it as a neutral background tone throughout the 20th century, and Farrow and Ball included it in their paint range as a named heritage shade still sold today.

RGB
253, 251, 212
HSL
57°, 91%, 91%
CMYK
0, 1, 16, 1
HSV
57°, 16%, 99%
Cream color

What colors go with Cream?

Colors that pair well with Cream include:
Sage Green: soft, natural balance
Dusty Rose: gentle warm contrast
Navy Blue: crisp, grounding depth
Caramel: tonal warmth
Charcoal: clean, modern definition

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FDFBD4 color: #FDFBD4;
RGB 253, 251, 212 color: rgb(253, 251, 212);
RGB Percentage 99%, 98%, 83% color: rgb(99%, 98%, 83%);
CMYK 0%, 1%, 16%, 1% Not supported in CSS
HSL 57°, 91%, 91% color: hsl(57, 91%, 91%);
HSV 57°, 16%, 99% Not supported in CSS
CIE-LAB 73, 0, 13 color: lab(73% 0 13);
Decimal 16645076 Not supported in CSS

Color Variations

Shades

#FDFBD3
#FBF7A7
#F9F27B
#F7EE4E
#F5EA22
#DED30A
#B1A908
#857F06

Tints

#FEFEF2
#FEFDED
#FEFDE9
#FEFDE5
#FEFCE0
#FDFCDC
#FDFBD8
#FDFBD3

Tones

#FDFBD3
#FBF9D5
#F9F7D7
#F7F5D9
#F5F3DC
#F2F1DE
#F0F0E0
#EEEEE2

Hues

#FDFBD3
#E0FDD3
#D3FDE6
#D3F5FD
#D3D5FD
#F0D3FD
#FDD3EA
#FDDCD3

Color Harmonies

Analogous

#FDE6D3
Click to copy
#FDFBD4
Click to copy
100%
#EAFDD3
Click to copy

Complementary

#FDFBD4
Click to copy
100%
#D3D5FD
Click to copy

Split Complementary

#FDFBD4
Click to copy
100%
#D3EAFD
Click to copy
#E6D3FD
Click to copy

Triadic

#FDFBD4
Click to copy
100%
#D3FDFB
Click to copy
#FBD3FD
Click to copy

Tetradic

#FDFBD4
Click to copy
100%
#D3FDE6
Click to copy
#D3D5FD
Click to copy
#FDD3EA
Click to copy

Square

#FDFBD4
Click to copy
100%
#D3FDE6
Click to copy
#D3D5FD
Click to copy
#FDD3EA
Click to copy

CSS & Dev Snippets

CSS
.cream {
  color: #FDFBD4;
}
SCSS
$cream: #FDFBD4;
RGB
rgb(253, 251, 212)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags