Color Palettes

Pastel yellow color

A soft yellow with lots of white, friendly and bright. It's common in nurseries, stationery and website backgrounds. It goes well with other pastels like mint and lilac.

Also known as: light yellow.

Pastel yellow · #FDFD96

About pastel yellow

Pastel yellow (#FDFD96) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 253 red, 253 green and 150 blue (out of 255). It is mostly used in kids, home decor, web.

Pastel yellow shades and tints

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

Pastel yellow color harmonies

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

ComplementaryClose to: Cornflower blue
AnalogousClose to: Peach, Light green
TriadicClose to: Celeste, Orchid
Split complementaryClose to: Baby blue, Lavender
TetradicClose to: Aquamarine, Cornflower blue, Carnation pink

Pastel yellow color palettes

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

Monochromatic palette · Pastel yellow
Analogous palette · Pastel yellow
Complementary palette · Pastel yellow
Triadic palette · Pastel yellow
With neutrals palette · Pastel yellow
With an accent palette · Pastel yellow

Pastel yellow contrast with text

White textContrast 1.1:1 · Not recommended
Black textContrast 19.7:1 · AAA

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

CSS code

:root {
  --pastel-yellow: #FDFD96;
  --pastel-yellow-rgb: 253, 253, 150;
}
.bg { background-color: var(--pastel-yellow); }
.text { color: var(--pastel-yellow); }

Colors similar to pastel yellow

Mellow yellowButter yellowCorn yellowNaples yellowVanillaVegas goldCreamOld goldWheatBrass

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagneFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic goldVegas gold

Frequently asked questions

What is the hex code for pastel yellow?

The hex code for pastel yellow is #FDFD96. In RGB it is rgb(253, 253, 150), in HSL hsl(60, 96%, 79%) and in CMYK 0, 0, 41, 1.

What is the complementary color of pastel yellow?

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

Can you use white text on pastel yellow?

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