#FFFDD0
Cream
Cream is a very pale yellow with warm undertones. It represents simplicity, elegance, and is a popular neutral alternative to pure white.
Cream Color Values
HEX#FFFDD0
RGB255, 253, 208
HSL57°, 100%, 91%
HSV57°, 18%, 100%
CMYK0%, 1%, 18%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #FFF9CD (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FFFBD2 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFF7F0 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #F9F9F9 (~0.003% of population)
Cream as Text Color
Cream on White
1.0:1FAIL
Cream on Light Gray
1.0:1FAIL
Cream on Cream
1.0:1FAIL
Cream on Dark
16.4:1AAA
Cream on Black
20.2:1AAA
Cream on Soft Blue
1.1:1FAIL
Cream on Soft Green
1.1:1FAIL
Cream on Soft Pink
1.2:1FAIL
Nearest Tailwind Class
orange-100
#FFEDD5
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-cream: #FFFDD0;
--color-cream-rgb: 255, 253, 208;
}Tailwind Config
// tailwind.config.js
colors: {
'cream': '#FFFDD0',
}Shades of Cream
#FFFDD1
#FFFA9E
#FFF86B
#FFF538
#FFF305
#CCC200
#999100
#666100
#333000
#000000
Tints of Cream
#FFFDD1
#FFFDD6
#FFFDDB
#FFFDE0
#FFFEE5
#FFFEEB
#FFFEF0
#FFFEF5
#FFFFFA
#FFFFFF
Color Harmonies
Complementary
#FFFDD0
#D1D3FF
Analogous
#FFE6D1
#FFFDD1
#EAFFD1
Triadic
#FFFDD1
#D1FFFD
#FDD1FF
Cream Text Preview
Heading in Cream
Body text in Cream. The quick brown fox jumps over the lazy dog.
White on Cream
Body text on a Cream background.
Cream text on dark background
Contrast: 17.1:1