Empire Yellow

Empire Yellow is a vibrant, warm yellow with a distinct golden character. It sits somewhere between a pure, sunny yellow and a rich amber, giving it a saturated and luminous quality.

Its warmth comes from strong orange and red undertones, making it feel energetic and radiant. This gives the color a substantial, almost tangible presence.

Empire Yellow radiates a sense of vibrant energy and confident optimism, often associated with joy and intellectual clarity.

The 'Empire' in its name hints at a deeper symbolism of luxury, prestige, and the golden hues historically linked to royalty and power.

Empire Yellow’s vibrancy makes it an excellent choice for accents, calls-to-action, and highlighting key information. For a balanced composition, consider the 60-30-10 rule, using #F5B842 as your 10% accent color. It creates a striking, accessible contrast against deep charcoals and navy blues, while pairing it with earthy tones can produce a warmer, more organic feel.

While not a dominant color across the web, this specific shade of yellow is used by brands aiming for a friendly and energetic identity. You can spot similar hues in the interfaces of companies like Airtable, Lemon Squeezy, and 15Five, often to guide user attention or add a splash of optimism.

To see how Empire Yellow works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #F5B842 in real UI components from top brands.

Using Empire Yellow in your work starts with its hex code, #F5B842. This six-digit format is the universal standard for specifying colors in web design and digital applications, making it simple to achieve precise and consistent reproduction across different platforms.

While #F5B842 is ideal for the web, other projects require different formats. For digital screens, you'll use its RGB values (Red, Green, Blue), which control light emission. For print, you'll need the CMYK values (Cyan, Magenta, Yellow, Key/Black) that dictate ink combinations. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.

To help you get started, we’ve converted Empire Yellow’s #F5B842 hex code into a range of common formats. Simply find the code you need below and copy it directly into your project.