Cream hex code
The hex code for cream is #FFFDD0. In RGB that is rgb(255, 253, 208) and in HSL it is hsl(57, 100%, 91%).
The hex code for cream is #FFFDD0. In RGB that is rgb(255, 253, 208) and in HSL it is hsl(57, 100%, 91%).
Cream · #FFFDD0
Colour codes
- HEX
- #FFFDD0
- RGB
- rgb(255, 253, 208)
- HSL
- hsl(57, 100%, 91%)
- CMYK
- 0, 1, 18, 0
- Contrast on white
- 1.04:1
- Contrast on black
- 20.21:1
Tints and shades
20% lighter · #fffdd9
40% lighter · #fffee3
60% lighter · #fffeec
80% lighter · #fffff6
20% darker · #cccaa6
40% darker · #99987d
60% darker · #666553
80% darker · #33332a
Complementary colour
Cream · #FFFDD0
Opposite on the colour wheel · #d1d3ff
Frequently asked questions
What is the hex code for cream?
The hex code for cream is #FFFDD0. In RGB that is rgb(255, 253, 208) and in HSL it is hsl(57, 100%, 91%).
Can I use cream for text?
It has a contrast ratio of 1.04:1 on white and 20.21:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with cream?
Its complementary colour, opposite on the colour wheel, is #D1D3FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of cream instead.
Is cream a CSS colour name?
No. Cream is a common name rather than a CSS keyword, and different sources use slightly different values. #FFFDD0 is the most widely used one - use the hex value in CSS.