White family
Cream color
A pale, muted off-white. The reference cream is #FFFFC2, as defined by the xkcd Color Survey.
| HEX | #FFFFC2 | |
|---|---|---|
| RGB | rgb(255, 255, 194) | |
| HSL | hsl(60, 100%, 88%) | |
| HSV | hsv(60, 24%, 100%) | |
| OKLCH | oklch(98.5% 0.078 107.7) | |
| CMYK* | 0, 0, 24, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is cream?
Cream is a pale yellowish white, the colour of dairy cream. It is not a CSS keyword, but the xkcd survey and the Color Names list agree on #FFFFC2. It is warmer than ivory and is widely used as a soft background colour in place of pure white.
Cream hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of cream in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Cream | #FFFFC2 | xkcd Color Survey | Reference shown on this page |
| Cream | #FFFFC2 | Color Names (meodai) | Same color |
Cream vs Ivory
#FFFFC2
#FFFFF0
Ivory is closer to white; cream has a stronger yellow tint. In numbers: the two are 76% similar (OKLab distance 0.059). See Ivory for its own codes.
Colors similar to cream
The closest named colors to #FFFFC2 across all three sources, with their similarity in OKLab.
Tints and shades of cream
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with cream
Classic color-wheel combinations built on #FFFFC2, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Cream with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a cream background, black text is the better choice.
Use cream in CSS
.cream {
color: #FFFFC2;
/* or */ color: rgb(255 255 194);
/* or */ color: hsl(60 100% 88%);
/* or */ color: oklch(98.5% 0.078 107.7);
}