Logoluv

Amber

#FFBF00

Amber (#FFBF00) is a medium, vivid yellow colour, warm. In RGB it is 255 red, 191 green and 0 blue; in HSL its hue is 45°, its saturation 100% and its lightness 50%. For print, its CMYK mix is 0% cyan, 25% magenta, 100% 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 amber

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

White text · 1.65:1

Black text · 12.70:1

Tints and shades of amber

Colour palettes with amber

Brands with a amber logo

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

Colours similar to amber

Use amber in CSS

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

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