Shades of Yellow

Yellow sits between orange and green, covering roughly 45 to 70 degrees on the HSL color wheel. It is associated with sunlight, warmth, optimism, attention and caution, and it is the lightest of the saturated hues.

35 named shades#FFFF00rgb(255, 255, 0)hue 45° to 70°

35 yellow colors, lightest to darkest

Click a swatch to copy its HEX code. Click the name for the full profile with HSL, LAB, OKLCH, harmonies and contrast.

Light Yellow
rgb(255, 255, 224)
C0 M0 Y12 K0
Cornsilk
rgb(255, 248, 220)
C0 M3 Y14 K0
Papaya Whip
rgb(255, 239, 213)
C0 M6 Y16 K0
Cream
rgb(255, 253, 208)
C0 M1 Y18 K0
Lemon Chiffon
rgb(255, 250, 205)
C0 M2 Y20 K0
Light Goldenrod
rgb(250, 250, 210)
C0 M0 Y16 K2
Champagne
rgb(247, 231, 206)
C0 M6 Y17 K3
Wheat
rgb(245, 222, 179)
C0 M9 Y27 K4
Pale Goldenrod
rgb(238, 232, 170)
C0 M3 Y29 K7
Imperial Yellow
rgb(255, 210, 124)
C0 M18 Y51 K0
Flax
rgb(238, 220, 130)
C0 M8 Y45 K7
Naples Yellow
rgb(250, 218, 94)
C0 M13 Y62 K2
Maize
rgb(251, 236, 93)
C0 M6 Y63 K2
Mustard
rgb(255, 219, 88)
C0 M14 Y65 K0
Lemon
rgb(255, 244, 79)
C0 M4 Y69 K0
Honey
rgb(231, 184, 85)
C0 M20 Y63 K9
Banana
rgb(255, 225, 53)
C0 M12 Y79 K0
Sunglow
rgb(255, 204, 51)
C0 M20 Y80 K0
Daffodil
rgb(255, 255, 49)
C0 M0 Y81 K0
Saffron
rgb(244, 196, 48)
C0 M20 Y80 K4
Dandelion
rgb(240, 225, 48)
C0 M6 Y80 K6
Vegas Gold
rgb(197, 179, 88)
C0 M9 Y55 K23
Jonquil
rgb(244, 202, 22)
C0 M17 Y91 K4
Old Gold
rgb(207, 181, 59)
C0 M13 Y71 K19
Yellow
rgb(255, 255, 0)
C0 M0 Y100 K0
Canary
rgb(255, 239, 0)
C0 M6 Y100 K0
Gold
rgb(255, 215, 0)
C0 M16 Y100 K0
Amber
rgb(255, 191, 0)
C0 M25 Y100 K0
Sunshine
rgb(255, 234, 0)
C0 M8 Y100 K0
Cadmium Yellow
rgb(255, 246, 0)
C0 M4 Y100 K0
School Bus Yellow
rgb(255, 216, 0)
C0 M15 Y100 K0
Selective Yellow
rgb(255, 186, 0)
C0 M27 Y100 K0
Goldenrod
rgb(218, 165, 32)
C0 M24 Y85 K15
Citrine
rgb(228, 208, 10)
C0 M9 Y96 K11
Yellow Ochre
rgb(203, 157, 6)
C0 M23 Y97 K20

Tints and shades of yellow #FFFF00

A perceptual 50 to 950 scale built from the pure yellow. Same hue, stepped lightness.

FFFF00 F0F29E E1E365 CDCD00 B2B100 959400 797900 605F00 474600 313000 181800

Build this scale from any color with the color scale tool, or get it as a Tailwind config from the Tailwind palette generator.

Light, medium and dark yellow

Yellow tints become pale and creamy, muted tones move toward mustard, and darker shades appear golden or olive. Classic examples include Light Yellow #FFFFE0, Gold #FFD700 and Dark Goldenrod #B8860B.

How to use yellow in design

Yellow contrasts strongly with blue and violet while combining naturally with orange and yellow-green hues. Because yellow is so light, yellow text on white almost never passes WCAG contrast, and bright screen yellows behave differently in CMYK, so both text contrast and printed output should be checked.