Pastel Yellow

#FDFD96

Color Information

Hex Code

#FDFD96

RGB

253, 253, 150

HSL

60°, 96%, 79%

CSS

#FDFD96

Name

Pastel Yellow

Color Tints

Lighter variations of Pastel Yellow

#FDFD96

#FDFDA1

10%

#FDFDAB

20%

#FEFEB6

30%

#FEFEC0

40%

#FEFECB

50%

#FEFED5

60%

#FEFEE0

70%

#FFFFEA

80%

#FFFFF5

90%

#FFFFFF

100%

Color Shades

Darker variations of Pastel Yellow

#FDFD96

#E4E487

10%

#CACA78

20%

#B1B169

30%

#98985A

40%

#7F7F4B

50%

#65653C

60%

#4C4C2D

70%

#33331E

80%

#19190F

90%

#000000

100%

Related Colors

Complementary Color

#9696FD

Opposite on color wheel

Split-Complementary Colors

#96C9FD, #C996FD

Adjacent to complementary color

Analogous Colors

#FDC996, #C9FD96

Adjacent colors on color wheel (30° apart)

Triadic Colors

#96FDFD, #FD96FD

Three colors equally spaced (120° apart)

Tetradic Colors

#96FD96, #9696FD, #FD96FD

Rectangle on color wheel (90° apart)

Square Colors

#96FDC9, #9696FD, #FD96C9

Four colors equally spaced (90° apart)

Monochromatic Variations

#FBFB4B, #F5F505, #AAAA03, #5F5F02

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Pastel Yellow. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#FDFD96

#FDB096

#B0FD96

#9696FD

#C996FD

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#FDFD96

#96FDFD

#FD96FD

#9BFD9B

#FB3232

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#FDFD96

#FDFDB4

#FAFA19

#96C9FD

#C996FD

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#FDFD96

RGB Values

253, 253, 150

HSL Values

60°, 96%, 79%