Cream is a very light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFDD0, which equals rgb(255, 253, 208) in RGB and hsl(57, 100%, 91%) in HSL. In print terms it converts to roughly C0 M1 Y18 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFDD0 - RGB
255, 253, 208 - HSL
57°, 100%, 91% - CMYK
0, 1, 18, 0 - Family
Yellow - Tone
Very light, vivid
About Cream
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 20.21:1. Its complementary color is #D1D3FF.
Download Cream as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cream color codes
| HEX | #FFFDD0 |
|---|---|
| RGB | rgb(255, 253, 208) |
| HSL | hsl(57, 100%, 91%) |
| HSV | 57°, 18%, 100% |
| CMYK | 0%, 1%, 18%, 0% |
| Decimal | 16776656 |
Shades and tints of Cream
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFF7 - 100
#FFFEEF - 200
#FFFEE8 - 300
#FFFEE0 - 400
#FFFDD8 - 500
#FFFDD0 - 600
#D5D3AD - 700
#AAA98B - 800
#807F68 - 900
#555445 - 950
#2B2A23
Color harmonies for Cream
- Complementary
#D1D3FF≈ Palest Bright Royal - Analogous −30°
#FFE6D1≈ Palest Orange - Analogous +30°
#EAFFD1≈ Palest Spring Bud - Triadic +120°
#D1FFFD≈ Palest Cyan - Triadic +240°
#FDD1FF≈ Palest Bright Magenta - Split 150°
#D1EAFF≈ Palest Bright Azure - Split 210°
#E6D1FF≈ Palest Bright Violet
Contrast and accessibility of Cream
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cream | Aa | 1.04:1 | Fails |
| Black text on Cream | Aa | 20.21:1 | AAA (excellent) |
CSS code for Cream
background-color: #FFFDD0;color: #FFFDD0;background-color: rgb(255, 253, 208);background-color: hsl(57, 100%, 91%);:root { --color-cream: #FFFDD0; }class="bg-[#FFFDD0]"Colors similar to Cream
- Palest Yellow
#FFFFCC - Lemon Chiffon
#FFFACD - Palest Gold
#FFFACC - Palest Bright Yellow
#FAFAD1 - Light Goldenrod Yellow
#FAFAD2 - Palest Citron
#FAFFCC - Palest Bright Gold
#FAF6D1 - Palest Bright Citron
#F6FAD1 - Palest Marigold
#FFF5CC - Palest Lime
#F5FFCC - Cornsilk
#FFF8DC - Light Yellow
#FFFFE0
More yellow shades
- Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58 - Brass
#B5A642 - Citron
#DFFF00 - Lemon
#FFF700 - Canary
#FFFF99 - Saffron
#F4C430
Frequently asked questions
What is the HEX code for Cream?
The HEX code for Cream is #FFFDD0.
What is the RGB value of Cream?
Cream has an RGB value of 255, 253, 208 (rgb(255, 253, 208)). In HSL it is 57°, 100%, 91%.
What text color should I use on Cream?
Use black text on Cream. White text has a contrast ratio of 1.04:1 and black text has 20.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cream?
The complementary color of Cream is #D1D3FF. Analogous colors #FFE6D1 and #EAFFD1 also pair well.