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