Selective Yellow
Meet Selective Yellow (#FBBC04), a vibrant and assertive shade that commands attention. Its rich, golden undertone gives it a distinctive warmth and depth, setting it apart from primary yellows and making it a compelling choice for creating standout visual elements.
What color is Selective Yellow?
Selective Yellow is a warm, saturated yellow with a distinct orange undertone. This gives it a rich, golden quality that sets it apart from cooler, lemon-like yellows.
It sits comfortably on the warmer side of the color spectrum, radiating an energetic yet grounded feel without the harshness of a pure primary color.
What is the meaning behind the color Selective Yellow (#FBBC04)?
Selective Yellow radiates optimism and energy, often associated with the warmth of sunshine. For designers, this vibrant hue can spark feelings of happiness and creativity, making interfaces feel more approachable and positive.
Historically, the color was used for vehicle headlamps to cut through fog, giving it a symbolic meaning of clarity and guidance. Using #FBBC04 can therefore suggest focus and a clear path forward in a user's journey.
How can I use Selective Yellow (#FBBC04) in UI design?
Due to its high visibility, Selective Yellow (#FBBC04) works exceptionally well as an accent for calls-to-action, icons, and key highlights. For strong contrast and a sophisticated feel, pair it with deep blues or charcoal grays. To create a softer, more modern palette, combine it with light grays and off-whites.
While not as widespread as other primary colors, brands like Booking.com, Glovo, and Sprig use similar yellows to project an energetic and approachable feel. Its relative rarity in branding means it can give a product a distinct and memorable identity.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Selective Yellow in real UI components from top brands.
Using Selective Yellow color codes
When working with Selective Yellow, the hex code #FBBC04 is your starting point for any digital application. It’s the most direct way to specify the color in CSS or design software.
Different projects, however, call for different color models. You can convert #FBBC04 into RGB (Red, Green, Blue) values for screen-based media or CMYK (Cyan, Magenta, Yellow, Key) for print materials. Other formats like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments during the design process.
To make things easier, we've converted #FBBC04 into a range of popular formats. You can find and copy the exact codes you need for your project below.
Analogous
Found side-by-side on the color wheel, analogous colors for Selective Yellow produce a cohesive and tranquil palette, perfect for serene designs.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Selective Yellow, its complement creates a striking, high-contrast visual pairing.
Split Complementary
A split complementary scheme for Selective Yellow uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic color schemes use three colors equally spaced on the color wheel. With Selective Yellow, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic color scheme is built from two pairs of complementary colors, creating a rectangular palette on the color wheel with Selective Yellow.
Square
A square color scheme takes four colors evenly spaced on the color wheel, creating a vibrant and balanced high-contrast palette based on Selective Yellow.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Selective Yellow creates its shades, giving the color more depth and weight.
Tints
Tints are lighter versions of Selective Yellow, created by adding white for a softer feel.
Tones
Tones of Selective Yellow are created by adding gray, which softens the color’s intensity.
Hues
Hues are variations of Selective Yellow, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

































































































































