Take a break — play 🎨 Shade Finder or our new game 🎴 Take 5

Canary yellow Color

HEX: #ffef00

Pantone: Yellow U

About Canary yellow Color

With hex code #ffef00 and Pantone code Yellow U, Canary yellow is a distinct member of the yellow color family. Yellows are the lightest of the primary hues and carry strong associations with sunlight, happiness, and intellect. Canary yellow in particular has a luminous quality that makes it highly visible, which is why yellow tones are widely used in safety and wayfinding design. In branding and packaging, Canary yellow works best when paired with strong neutrals or deep complementary tones to provide grounding and readability.

Related Colors

Arylide yellow

Aureolin

Banana Mania

Banana yellow

Blond

Brass

Buff

Cadmium yellow

Canary

Chrome yellow

Citrine

Corn

Cornsilk

Cream

Daffodil

Dandelion

Dark khaki

Earth yellow

Eggshell

Electric yellow

Flavescent

Flax

Fluorescent yellow

Gold
Browse All Colors

Frequently Asked Questions about Canary yellow

The hex code for Canary yellow is #ffef00. Use this in CSS, Figma, Adobe tools, or any platform that accepts standard hex color notation.

The Pantone reference closest to Canary yellow is Yellow U. Pantone codes like this are used in professional printing, textile production, and brand standards to ensure consistent color reproduction.

Canary yellow, as a yellow-family color, is associated with optimism, clarity, intellect, and warmth. It is one of the most visually stimulating colors and is commonly used to draw attention, signal positivity, or communicate a fresh, energetic feeling.

Canary yellow pairs beautifully with deep purple or violet for a striking complementary contrast. For softer combinations, use it with white, light gray, or soft green. Navy blue also pairs well with yellow tones for a classic look.

Lighter yellow shades can be challenging for text legibility. Dark text such as black or very dark navy typically works best on Canary yellow. For accessibility, always check that the contrast ratio meets WCAG 2.1 AA standards, which require a minimum ratio of 4.5 to 1 for normal text.