Coloried

Cream

Cream color is a clear shade of yellowish white. Its hex code is #FFFDD0 and rgb code is rgb(255, 253, 208), Its CMYK value is cmyk(0%, 1%, 18%, 0%), and Its HSL value is hsl(57, 100%, 91%). Against white, it has a contrast ratio of 1.04:1, while against black, the contrast ratio is 20.21:1. Complementary color is #D1D3FF and closest tailwind color is amber-100. This color goes well with #A5FF38, #FF9238, #EBDF00, #6BBCFF, and #AE6BFF. To create this Cream color, you can mix #FFFFFF and #FFFBA1.

Cream color code
|
1. Color Conversions
HEX#FFFDD0
RGB255, 253, 208
HSL57°, 100%, 91%
HSV57°, 100%, 100%
CMYK0%, 1%, 18%, 0%
Web Safe#FFFFCC
2. Contrast Ratio
Text on #FFFFFF1.04:1
Fail LargeFail Normal
Text on #00000020.21:1
AAA LargeAAA Normal
3. Cream Color Code in CSS
HEX
#FFFDD0
RGB
rgb(255, 253, 208)
HSL
hsl(57, 100%, 91%)
Text Color
color: #FFFDD0;
Background
background-color: #FFFDD0;
Border Color
border-color: #FFFDD0;
Box Shadow
box-shadow: 0 4px 14px 0 #FFFDD080;
SCSS
$color-cream: #FFFDD0;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#FEFEDB
Deuteranopia#FEFEDE
Tritanopia#FFE3E5
Achromatopsia#F8F8F8
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive