Mikado Yellow

Mikado Yellow is a deep, golden yellow with a noticeable warmth.

It carries a strong orange undertone, giving it a rich and saturated appearance that stops short of being a true orange.

Mikado Yellow (#FFC40C) is a color of pure optimism and energy. It often sparks feelings of happiness and intellectual curiosity, representing the kind of confidence and cheerfulness that can animate a design.

Historically, the name "Mikado" connects to the Emperor of Japan, adding a layer of regality. Symbolically, this brilliant yellow suggests enlightenment and the sun's warmth, bringing vitality and clarity to a project.

Mikado Yellow works exceptionally well as an accent color for calls-to-action, icons, and important highlights that guide the user’s attention. To create a sophisticated and readable interface, pair its bright energy with deep charcoals, navy blues, or crisp whites for strong contrast. Consider applying the 60-30-10 rule, using this bold yellow as the 10% accent to add a pop of color without overwhelming the design.

A similar vibrant yellow is a key part of the branding for companies like Bumble, Subway, and ClickUp. They typically use it to convey optimism and draw focus to interactive elements, demonstrating its power in creating a distinct and engaging user experience.

To see these principles in action, use the tools on this page to explore curated palettes, test color contrast for accessibility, and preview how Mikado Yellow (#FFC40C) looks in the UI components of leading applications.

Applying Mikado Yellow in your design work begins with its primary hex code, #FFC40C. While this is the standard for web development, you will often need different formats depending on the final application of your project.

For digital displays, the RGB values specify the exact mix of red, green, and blue light needed to produce the color on screen. If your project is destined for print, you will need the CMYK values, which guide the ink mixture. Other models like HSL (Hue, Saturation, Lightness) give you a more intuitive way to make adjustments.

To get you started, we have translated #FFC40C into a variety of common color code formats below. Simply find the one you need and copy it directly into your tool of choice.