Canary

Canary is a brilliant, light yellow that radiates warmth, often perceived as a pure hue with very subtle green undertones.

Its high saturation and brightness give it a cheerful energy, stopping just short of the intensity of a true neon.

Named for the cheerful songbird, Canary embodies optimism, energy, and fresh ideas.

It also carries a deeper historical weight, symbolizing sensitivity and awareness—a nod to the canaries that served as vital early warnings in coal mines.

In UI design, Canary (#FFFF99) works best as an accent color to draw attention to key elements like call-to-action buttons, notifications, or interactive states. For strong visual hierarchy and accessibility, pair its bright intensity with deep, grounding colors such as charcoal gray, navy blue, or even a rich plum. This contrast keeps text and icons legible while allowing Canary’s vibrancy to pop without overwhelming the user.

Few major brands build their identity around a color as vivid as Canary, which presents a clear opportunity to stand out. Streaming service Tubi uses a similar bright yellow to create an energetic and distinct presence. Adopting Canary can signal novelty and confidence, setting a product apart in a crowded market.

To see how Canary performs in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility compliance, and preview #FFFF99 on UI components from well-known applications.

To use the color Canary in your projects, start with its hex code: #FFFF99. From there, you'll need to convert it into the right format for your specific application, whether it's for a screen or a printed piece.

Each color model serves a distinct purpose. RGB (Red, Green, Blue) is standard for digital displays, mixing light to create color. For print, you'll need CMYK (Cyan, Magenta, Yellow, Key/Black), which works by subtracting light. Other models like HSL (Hue, Saturation, Lightness) offer more intuitive ways to make adjustments.

We've converted #FFFF99 into a full spectrum of color codes for you. Simply find the format you need below and copy it directly into your design software.