Banana yellow color

A bright, sunny yellow like a ripe banana peel. It's warmer than lemon and very cheerful. It's often used in kids' products, summer fashion and fun food branding.

Banana yellow · #FFE135

About banana yellow

Banana yellow (#FFE135) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 225 green and 53 blue (out of 255). It is mostly used in kids, summer fashion, food branding.

Banana yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

Banana yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Neon blue

AnalogousClose to: Mango, Lime green

TriadicClose to: Turquoise blue, Magenta

Split complementaryClose to: Deep sky blue, Violet

TetradicClose to: Spring green, Neon blue, Fuchsia

Banana yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Banana yellow

Analogous palette · Banana yellow

Complementary palette · Banana yellow

Triadic palette · Banana yellow

With neutrals palette · Banana yellow

With an accent palette · Banana yellow

Banana yellow contrast with text

White textContrast 1.3:1 · Not recommended

Black textContrast 16.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --banana-yellow: #FFE135;
  --banana-yellow-rgb: 255, 225, 53;
}
.bg { background-color: var(--banana-yellow); }
.text { color: var(--banana-yellow); }

Colors similar to banana yellow

Dandelion Golden yellow Gold Maize Corn yellow Canary yellow Saffron Sunflower yellow Naples yellow Lemon yellow

Themed palettes with this color

Frequently asked questions

What is the hex code for banana yellow?

The hex code for banana yellow is #FFE135. In RGB it is rgb(255, 225, 53), in HSL hsl(51, 100%, 60%) and in CMYK 0, 12, 79, 0.

What is the complementary color of banana yellow?

Its complement on the color wheel is #3553FF, close to neon blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on banana yellow?

Use black text instead: the contrast with white is only 1.3:1, while with black it is 16.1:1.