What colors go well with pastel yellow?

Pastel Yellow pairs with its complementary colour #9696FD and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Pastel Yellow Color — Hex Code #FDFD96, RGB, Palettes & CSS

Q: What is the hex code for pastel yellow?

Pastel Yellow is commonly #FDFD96, which is rgb(253, 253, 150). Like most descriptive colour names it covers a small range, but this is a widely used value.

Pastel Yellow colour codes

Hex

#FDFD96

RGB

rgb(253, 253, 150)

HSL

hsl(60, 96%, 79%)

HSV

hsv(60, 41%, 99%)

OKLCH

oklch(0.97 0.13 109)

CMYK

cmyk(0%, 0%, 41%, 1%)

Complementary palette

Pastel Yellow with its opposite on the colour wheel.

#FDFD96

rgb(253, 253, 150)

#9696FD

rgb(150, 150, 253)

Triad palette

Pastel Yellow with two evenly-spaced partners.

#FDFD96

rgb(253, 253, 150)

#96FDFD

rgb(150, 253, 253)

#FD96FD

rgb(253, 150, 253)

Monochromatic palette

Lighter and darker versions of pastel yellow at the same hue.

#7F7F4B

rgb(127, 127, 75)

#B1B169

rgb(177, 177, 105)

#E4E487

rgb(228, 228, 135)

#FFFF97

rgb(255, 255, 151)

Lighter tints

Pastel Yellow toward white.

#FDFD96

rgb(253, 253, 150)

#FDFDA5

rgb(253, 253, 165)

#FEFEB4

rgb(254, 254, 180)

#FEFEC3

rgb(254, 254, 195)

#FEFED2

rgb(254, 254, 210)

#FEFEE1

rgb(254, 254, 225)

#FFFFF0

rgb(255, 255, 240)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Pastel Yellow toward black.

#FDFD96

rgb(253, 253, 150)

#D9D981

rgb(217, 217, 129)

#B5B56B

rgb(181, 181, 107)

#919156

rgb(145, 145, 86)

#6C6C40

rgb(108, 108, 64)

#48482B

rgb(72, 72, 43)

#242415

rgb(36, 36, 21)

#000000

rgb(0, 0, 0)

About pastel yellow

A soft, muted yellow. Cheerful but gentle, it brightens palettes without overwhelming them. The value shown here (#FDFD96) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with pastel yellow

The complementary colour (#9696FD) sits opposite pastel yellow on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using pastel yellow in your design

For CSS, paste #FDFD96 or the oklch(0.97 0.13 109) value, or download the ready-made pastel-yellow.css file above — it includes a full 50–950 token scale. Always check contrast before using pastel yellow behind text.

What is the hex code for pastel yellow?

Pastel Yellow is commonly #FDFD96 (rgb(253, 253, 150)). It covers a small range, but this is a widely used value.

What colours go well with pastel yellow?

Its complementary colour #9696FD and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Pastel Yellow colour

Pastel Yellow colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About pastel yellow

Palettes that work with pastel yellow

Using pastel yellow in your design

Popular colours

Color tools