Logoluv

Butter yellow

#FFFD74

Butter yellow (#FFFD74) is a light, vivid yellow colour, warm. In RGB it is 255 red, 253 green and 116 blue; in HSL its hue is 59°, its saturation 100% and its lightness 73%. For print, its CMYK mix is 0% cyan, 1% magenta, 55% yellow and 0% black, though printed colours vary with paper and ink.

Yellow is the brightest colour to the eye: cheerful, optimistic and hard to miss. On its own it can be hard to read, so pair it with a dark colour for text.

Text on butter yellow

White text on butter yellow has a contrast ratio of 1.07:1 and fails; black text has 19.55:1 and passes AAA. Black text is the better choice on it. Check other pairs in the contrast checker.

White text · 1.07:1

Black text · 19.55:1

Tints and shades of butter yellow

Colour palettes with butter yellow

Brands with a butter yellow logo

Brand colours close to #FFFD74, from our Brand Colour Index.

Colours similar to butter yellow

Use butter yellow in CSS

.button {
  background-color: #FFFD74;
  color: #000000;
}

Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of yellow.