Banana Yellow
Vibrant and high-energy saturated yellow
Banana Yellow is a saturated, high-energy tone that commands immediate attention. Because it is so vivid, it works best as a 10% accent rather than a background color, where it can easily overwhelm the eye. Pair this shade with deep charcoals to create striking contrast. The hex code for Banana Yellow is #ffe135, which offers excellent legibility with black text for accessible UI design.
About Banana Yellow
Sunlight caught in a jar of lemon curd
What does banana yellow mean?
People often read it as cheerful, playful, and full of energy, partly because ripe bananas carry that same brightness. Its very high lightness and strong saturation make it glow forward, loud and warm rather than deep or soft.
Where you see banana yellow
- ripe bananas
- tennis balls
- highlighter ink
- lemon peel
- caution signs
What it works for
Use it sparingly as an accent in packaging, sports graphics, kids' products, and illustrations that need a jolt of warmth.
What colors go with banana yellow?
Charcoal #36454fThe near black grounds the glow without dulling it.Plum #8e4585Deep purple sits across the wheel, so both colors look richer together.Teal #008080Cool teal offsets the warmth and keeps the pair from shouting.Navy #000080Dark navy gives the bright yellow a clean, classic frame.Hot Pink #ff028dTwo loud colors that share sweetness and a taste for attention.
Questions about Banana Yellow
What is the hex code for Banana Yellow?
Banana Yellow is #ffe135. In RGB that is rgb(255, 225, 53), in HSL hsl(51, 100%, 60%) and in CMYK 0%, 12%, 79%, 0%.
How can I use #ffe135 effectively in a UI design?
Use #ffe135 as a 10% accent color to draw attention to call-to-action buttons or highlights. Because this shade is so saturated, it can easily overwhelm the eye if used for large backgrounds or main interface areas.
Is Banana Yellow readable on white or black?
Banana Yellow has a 1.30:1 contrast ratio on white and 16.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.