Coloried

Buttercream
#FFFFDD

What is Color Buttercream

Buttercream color is a airy shade of yellowish white. Its hex code is #FFFFDD and rgb code is rgb(255, 255, 221), Its CMYK value is cmyk(0%, 0%, 13%, 0%), and Its HSL value is hsl(60, 100%, 93%). Against white, it has a contrast ratio of 1.02:1, while against black, the contrast ratio is 20.60:1. Its complementary color is #DBDBFF and closest tailwind color is yellow-50. This color goes well with #A1FF42, #FFA142, #F5F500, #75BAFF, and #BA75FF. To recreate the Buttercream color, you can mix #ffffff and #ffffbb.

Image Preview

Buttercream color code
Buttercream color swatch #ffffdd
1. Color Conversions
HEX#FFFFDD
RGB255, 255, 221
HSL60°, 100%, 93%
HSV60°, 100%, 100%
CMYK0%, 0%, 13%, 0%
Web Safe#FFFFCC
2. Contrast Ratio
Text on #FFFFFF1.02:1
Fail LargeFail Normal
Text on #00000020.60:1
AAA LargeAAA Normal
3. Buttercream Color Code in CSS
HEX
#FFFFDD
RGB
rgb(255, 255, 221)
HSL
hsl(60, 100%, 93%)
Text Color
color: #FFFFDD;
Background
background-color: #FFFFDD;
Border Color
border-color: #FFFFDD;
Box Shadow
box-shadow: 0 4px 14px 0 #FFFFDD80;
SCSS
$color-buttercream: #FFFFDD;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Pale Yellow
Light Goldenrod Yellow
Conditioner
Ivory White
Beige
White Gold
Lotion
Cream
About Buttercream
Color NameButtercream
HEX#FFFFDD
Color Family
yellow
X11 NameButtercream
LAB99.13, -1.30, 4.20
Preview Text
Aa