Yellow
#FFFF00
Yellow (#FFFF00) is a medium, vivid yellow colour, warm. In RGB it is 255 red, 255 green and 0 blue; in HSL its hue is 60°, its saturation 100% and its lightness 50%. For print, its CMYK mix is 0% cyan, 0% 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 yellow
White text on yellow has a contrast ratio of 1.07:1 and fails; black text has 19.56: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.56:1
Tints and shades of yellow
Colour palettes with yellow
Brands with a yellow logo
Brand colours close to #FFFF00, from our Brand Colour Index.
Colours similar to yellow
Use yellow in CSS
.button {
background-color: #FFFF00;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of yellow.