Canary Yellow #FFEF00

Canary yellow is a bright, fully saturated yellow with the hex code #FFEF00. It is very light and only slightly warmer than pure screen yellow. Named after the small songbird, it is the classic shade of sticky notes and a cheerful, attention-getting choice for signs, packaging, and spring themes.

Canary yellow has no CSS keyword. #FFEF00 is a common value, though some sources use the name for a paler, softer yellow.

#FFEF00

Canary Yellow color codes
HEX	`#FFEF00`
RGB	`rgb(255, 239, 0)`
HSL	`hsl(56, 100%, 50%)`
HSV	`hsv(56, 100%, 100%)`
CMYK	`cmyk(0%, 6%, 100%, 0%)`

Make a palette with Canary Yellow What goes with it

Text on Canary Yellow

Black text reads better on Canary Yellow. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.19:1 · Fail

Black text

The quick brown fox jumps over the lazy dog.

17.59:1 · AAA

Colors that go with Canary Yellow

#000000BlackHigh contrast for signage, sale badges, and posters.#808080GrayLets canary be the single bright note in a calm layout.#000080Navy BlueA steadier, more grown-up partner than black.#87CEEBSky BlueLight blue and yellow feel like a sunny spring day.#FFFFFFWhiteKeeps canary fresh and stops it feeling heavy.

Canary Yellow tints and shades

Tints mix Canary Yellow with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#FFF126

#FFF44D

#FFF673

#FFF999

#FFFBBF

Shades

#D9CB00

#B3A700

#8C8300

#666000

#403C00

Canary Yellow color schemes

Color-wheel harmonies built by rotating the hue of #FFEF00 and keeping its saturation and lightness.

Complementary

#FFEF00

#0010FF

Analogous

#FF7000

#FFEF00

#8FFF00

Triadic

#FFEF00

#00FFEF

#EF00FF

Split complementary

#FFEF00

#008FFF

#7000FF

Tetradic

#FFEF00

#00FF70

#0010FF

#FF008F

Canary Yellow color meaning

Canary yellow takes its name from the domestic canary, a bird bred for bright yellow feathers and a strong song. The color shares that lightness. It feels chirpy, quick, and friendly.

Offices know it from paper. 3M sells its classic sticky-note color as Canary Yellow, and yellow legal pads and memo sheets keep the shade tied to notes, reminders, and getting things done.

Beyond that it carries yellow's broad links to sun and optimism. It is less formal than gold and less earthy than mustard, so it fits anything playful or upbeat, from children's products to spring sales. In packaging it signals something new or on sale, and it shows up on toys, rain gear, and products that need to be spotted quickly.

How to use Canary Yellow in design

Canary yellow is useful when something has to stand out: a sale badge, a note-style callout, a sign, or a bold social graphic. Use black or near-black text on it, since white type practically disappears. As a page background it gets tiring quickly, so most sites keep it to banners or cards. It pairs well with black for a high-contrast, graphic look, and with soft gray or navy when you want it calmer. In fashion, a canary dress or raincoat is a statement piece that works best with neutrals.

Palettes with Canary Yellow tones

Curated palettes with a color close to #FFEF00.

Holographic Lemon Drop Neon Tokyo 80s Arcade Pop Art Honey Bee

Colors similar to Canary Yellow

#FFF44FLemon Yellow #FFFF00Yellow #FFD700Gold #FDFD96Pastel Yellow #FFBF00Amber #98FF98Mint Green

Work with Canary Yellow

Palette generatorBuild a palette around #FFEF00 Contrast checkerTest text on this color Tint and shade generatorA full scale for CSS or Tailwind Color wheelEvery harmony for this hue Color pickerAdjust it and convert formats Color mixerBlend it with another color

Canary Yellow FAQ

Is canary yellow the same as yellow?

Very nearly. Canary yellow is a fully saturated yellow with a slight warm tilt, while CSS yellow is the exact midpoint between red and green light. Most people won't notice the difference on screen. The name canary adds a softer, friendlier association, and some brands use it for paler shades.

What colors go with canary yellow?

Black and charcoal give it the strongest contrast and work for signs and bold graphics. Navy and gray calm it down for websites and branding. Sky blue and white make a light spring palette. For something playful, try it with hot pink or royal blue, but keep one neutral in the mix.