37 Different Shades of Light Yellow (+ HEX codes)
Explore all shades of light yellow, from lighter to darker shades. See HEX codes, shade names, and light yellow color palettes. Click any shade to copy its HEX code.
Light yellow is the color of warmth, softness, and positivity! From delicate pastels to lively lemon shades, explore our collection of 30+ light yellow shades that brighten up any design.
Whether you prefer a soft tone or a more energetic color, you'll find a variety of shades with their names and HEX codes. Plus, discover stunning light yellow color palettes to add warmth and charm to your projects!
- snow#FFFEFA
- ivory#FEFFEF
- cosmic latte#FFF8E6
- cornsilk#FFF8DC
- floral white#FEFAEF
- seashell#FFF4EE
- old lace#FDF6E6
- eggshell#F1EAD7
- papaya whip#FFEFD5
- blanched almond#FFECCE
- vanilla#F4E5AC
- light goldenrod yellow#F9FAD2
- pastel yellow#FCFD95
- lemon chiffon#FEFACD
- light yellow#FFFFE0
- beige#F5F5DB
- lemon meringue#FEEFA0
- buttercream#F7E5B7
- vanilla ice#FAE6C0
- honeydew yellow#F3F9D2
- buttermilk#FEF1B5
- pale goldenrod#EEE8AA
- wheat#F5DEB4
- peach#FFE5B4
- banana mania#FBE7B5
- champagne#FAD6A4
- bisque#FEE4C3
- peach puff#FEDAB8
- jasmine#F8DE7F
- light khaki#F0E78C
- buff#F0DC83
- school bus yellow#FFD800
- sun glow#FFDF99
- golden mist#F5E7A2
- pale daffodil#FFF6B2
- straw yellow#EEDF9F
- soft blonde#F9E79F
Light Yellow: HEX & RGB Codes
light yellow has the following primary color codes:
HEX: #FFFFE0
RGB: (255, 255, 224).
Explore a wide range of light yellow shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of light yellow
Half and Half
#ffffe0
Half and Half
#ffffe5
Half and Half
#ffffe5
Apricot White
#ffffeb
Apricot White
#ffffeb
Ivory
#fffff0
Ivory
#fffff5
Ivory
#fffff5
Black White
#fffffa
Black White
#fffffa
Explore shades of light yellow
Turtle Green
#343409
Punga
#4d4d14
Crete
#666624
Pesto
#808038
Barley Corn
#9a9a51
Gimblet
#b3b36f
Pine Glade
#cccc8f
Hampton
#e6e6b7
light yellow in HEX, RGB, HSL and CMYK
| HEX | #FFFFE0 | |
|---|---|---|
| RGB | rgb(255, 255, 224) | |
| HSL | hsl(60, 100%, 94%) | |
| CMYK | cmyk(0%, 0%, 12%, 0%) |
Tints and shades of light yellow
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#ffffe2
#ffffe4
#ffffe5
#ffffe7
#ffffe9
#ffffeb
Shades (darker)
#ffff94
#ffff47
#fafa00
#adad00
#616100
#141400
Colours that work with light yellow
Complementary
#FFFFE0 #e0e0ff
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#fff0e0 #FFFFE0 #f0ffe0
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#FFFFE0 #e0ffff #ffe0ff
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on light yellow
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
light yellow shade chart
Right-click to save the chart, or copy the individual codes above.