#FFE135
Yellow family

Banana

Also known as: cheerful · playful · tropical · bright · vibrant
Save
Hex #FFE135
RGB rgb(255, 225, 53)
HSL hsl(51°, 100%, 60%)
CMYK 0 · 12 · 79 · 0
RAL RAL 1017 · Saffron Yellow
NCS S 0540-Y

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western culture, yellow often symbolizes happiness and optimism, but in some Eastern traditions, it can denote courage and nobility. The contrast between these interpretations highlights the complexity of color symbolism across different cultures.

The term 'banana' as a color emerged in the late 19th century, linked closely to the fruit gaining popularity in Europe. The first recorded use of 'banana' as a color name in English was in 1890, reflecting the fruit's increasing significance in global trade and culinary culture.

cheerfulplayfultropicalbrightvibrant

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Banana. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Banana by lightness — from #85751C (darkest) to #FFEF96 (lightest). Click any to copy.

-40% #85751C
-30% #A39022
-20% #C2AB28
-10% #E0C62F
BASE #FFE135
+15% #FFE54D
+30% #FFE865
+50% #FFEC7E
+70% #FFEF96

Complementary

Sitting opposite Banana at 231° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Banana.

#FFE135
#FF5733
#FFFFFF
#FFC300
#DAF7A6

Sunny Day

Joyful energy
#FFE135
#009688
#F5F5F5
#FFEB3B
#FF9800

Tropical Escape

Vibrant adventure
#FFE135
#FFC107
#212121
#4CAF50
#FF5722

Citrus Splash

Refreshing zest

Banana scale

A 50–900 tonal scale with Banana anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFDEF
100 #FFFADB
200 #FFF4B2
300 #FFEE8A
400 #FFE75F
500 #FFE135
600 #D1B92B
700 #A89423
800 #80711B
900 #574D12

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 16.07:1
Banana as text on… Ratio AA AAA
Aa White background 1.31:1 Fail Fail
Aa Black background 16.07:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFE135

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FFE135;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFE135 70%, white)
HSV / HSB 51°, 79%, 100%
CMYK (print) 0, 12, 79, 0
Decimal 16769333
Nearest web-safe #FFCC33

Color vision

How Banana appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFE135

Protanopia (no red)

#F2F25F

Deuteranopia (no green)

#F4F669

Tritanopia (no blue)

#FE7F87
Daffodil
23 / 29 Yellows Dandelion
Copied!