Yellow color

The brightest color on the color wheel and the first one the eye notices. It's linked to the sun, summer and caution. That's why it shows up on taxis, traffic signs and brands that want to look upbeat.

Yellow · #FFFF00

About yellow

Yellow (#FFFF00) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 255 green and 0 blue (out of 255). It is mostly used in signage, logos, kids, web.

Yellow shades and tints

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

Colors that go with yellow

GrayA modern, balanced classic.Navy blueA strong, elegant contrast.WhiteFresh and bright.BlackMaximum contrast, very graphic.PurpleIts complement, vibrant and bold.GreenA natural, cheerful mix.Sky blueA springtime pair.BeigeA soft, warm base.

How to wear and decorate with yellow →

Yellow color harmonies

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

ComplementaryClose to: Blue

AnalogousClose to: Orange, Chartreuse

TriadicClose to: Cyan, Magenta

Split complementaryClose to: Electric blue, Violet

TetradicClose to: Mint green, Blue, Deep pink

Yellow color palettes

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

Monochromatic palette · Yellow

Analogous palette · Yellow

Complementary palette · Yellow

Triadic palette · Yellow

With neutrals palette · Yellow

With an accent palette · Yellow

Yellow contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 19.6:1 · AAA

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

CSS code

:root {
  --yellow: #FFFF00;
  --yellow-rgb: 255, 255, 0;
}
.bg { background-color: var(--yellow); }
.text { color: var(--yellow); }

Colors similar to yellow

Lemon yellow Canary yellow Fluorescent yellow Gold Lime green Corn yellow Sunflower yellow Saffron Amber Apple green

More yellows

Gold Old gold Mustard yellow Lemon yellow Amber Wheat Honey Canary yellow Saffron Champagne Pastel yellow Fluorescent yellow Corn yellow Sunflower yellow

Frequently asked questions

What is the hex code for yellow?

The hex code for yellow is #FFFF00. In RGB it is rgb(255, 255, 0), in HSL hsl(60, 100%, 50%) and in CMYK 0, 0, 100, 0.

What is the complementary color of yellow?

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

Can you use white text on yellow?

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

What colors go with yellow?

It pairs well with gray, navy blue, white, black, purple. Avoid pairing it with intense orange and red at the same time, because the look gets loud. As text on pure white, yellow is very hard to read.