Mellow yellow color

A soft, warm pastel yellow, made famous by the 1960s Donovan song and the soda of the same name. It's relaxed and friendly. It's a nice wall color for kitchens and breakfast nooks.

Also known as: Jasmine.

Mellow yellow · #F8DE7E

About mellow yellow

Mellow yellow (#F8DE7E) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 248 red, 222 green and 126 blue (out of 255). It is mostly used in wall paint, kitchens, retro.

Mellow yellow shades and tints

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

Mellow yellow color harmonies

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

ComplementaryClose to: Cornflower blue

AnalogousClose to: Light salmon, Pastel yellow

TriadicClose to: Aquamarine, Heliotrope

Split complementaryClose to: Baby blue, Amethyst

TetradicClose to: Light green, Cornflower blue, Neon pink

Mellow yellow color palettes

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

Monochromatic palette · Mellow yellow

Analogous palette · Mellow yellow

Complementary palette · Mellow yellow

Triadic palette · Mellow yellow

With neutrals palette · Mellow yellow

With an accent palette · Mellow yellow

Mellow yellow contrast with text

White textContrast 1.3:1 · Not recommended

Black textContrast 15.7:1 · AAA

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

CSS code

:root {
  --mellow-yellow: #F8DE7E;
  --mellow-yellow-rgb: 248, 222, 126;
}
.bg { background-color: var(--mellow-yellow); }
.text { color: var(--mellow-yellow); }

Colors similar to mellow yellow

Naples yellow Pastel yellow Vegas gold Old gold Vanilla Corn yellow Metallic gold Butter yellow Brass Saffron

Themed palettes with this color

Frequently asked questions

What is the hex code for mellow yellow?

The hex code for mellow yellow is #F8DE7E. In RGB it is rgb(248, 222, 126), in HSL hsl(47, 90%, 73%) and in CMYK 0, 10, 49, 3.

What is the complementary color of mellow yellow?

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

Can you use white text on mellow yellow?

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