Butter yellow color

A soft, creamy pale yellow like fresh butter. It made a big comeback in fashion and home decor around 2024 and 2025. It's cheerful but gentle, great for kitchens, dresses and spring weddings.

Also known as: Buttercream yellow.

Butter yellow · #FFFD74

About butter yellow

Butter yellow (#FFFD74) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 255 red, 253 green and 116 blue (out of 255). It is mostly used in fashion, kitchens, spring weddings.

Butter yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Butter yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Electric blue

AnalogousClose to: Sandy brown, Mint green

TriadicClose to: Cyan, Heliotrope

Split complementaryClose to: Carolina blue, Heliotrope

TetradicClose to: Aquamarine, Electric blue, Hot pink

Butter yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Butter yellow

Analogous palette · Butter yellow

Complementary palette · Butter yellow

Triadic palette · Butter yellow

With neutrals palette · Butter yellow

With an accent palette · Butter yellow

Butter yellow contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 19.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --butter-yellow: #FFFD74;
  --butter-yellow-rgb: 255, 253, 116;
}
.bg { background-color: var(--butter-yellow); }
.text { color: var(--butter-yellow); }

Colors similar to butter yellow

Corn yellow Pastel yellow Naples yellow Dandelion Pear Banana yellow Mellow yellow Old gold Canary yellow Golden yellow

Themed palettes with this color

Frequently asked questions

What is the hex code for butter yellow?

The hex code for butter yellow is #FFFD74. In RGB it is rgb(255, 253, 116), in HSL hsl(59, 100%, 73%) and in CMYK 0, 1, 55, 0.

What is the complementary color of butter yellow?

Its complement on the color wheel is #7476FF, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on butter yellow?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.6:1.