Light Yellow is a very light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFFE0, which equals rgb(255, 255, 224) in RGB and hsl(60, 100%, 94%) in HSL. In print terms it converts to roughly C0 M0 Y12 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFFE0 - RGB
255, 255, 224 - HSL
60°, 100%, 94% - CMYK
0, 0, 12, 0 - Family
Yellow - Tone
Very light, vivid
About Light Yellow
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 20.63:1. Its complementary color is #E0E0FF.
Download Light Yellow as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Yellow color codes
| HEX | #FFFFE0 |
|---|---|
| RGB | rgb(255, 255, 224) |
| HSL | hsl(60, 100%, 94%) |
| HSV | 60°, 12%, 100% |
| CMYK | 0%, 0%, 12%, 0% |
| Decimal | 16777184 |
Shades and tints of Light Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFFA - 100
#FFFFF5 - 200
#FFFFF0 - 300
#FFFFEA - 400
#FFFFE5 - 500
#FFFFE0 - 600
#D5D5BB - 700
#AAAA95 - 800
#808070 - 900
#55554B - 950
#2B2B25
Color harmonies for Light Yellow
- Complementary
#E0E0FF≈ Lavender - Analogous −30°
#FFF0E0≈ Linen - Analogous +30°
#F0FFE0≈ Beige - Triadic +120°
#E0FFFF≈ Azure - Triadic +240°
#FFE0FF≈ Palest Soft Magenta - Split 150°
#E0F0FF≈ Palest Soft Peacock - Split 210°
#F0E0FF≈ Lavender
Contrast and accessibility of Light Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Yellow | Aa | 1.02:1 | Fails |
| Black text on Light Yellow | Aa | 20.63:1 | AAA (excellent) |
CSS code for Light Yellow
background-color: #FFFFE0;color: #FFFFE0;background-color: rgb(255, 255, 224);background-color: hsl(60, 100%, 94%);:root { --color-light-yellow: #FFFFE0; }class="bg-[#FFFFE0]"Colors similar to Light Yellow
- Cornsilk
#FFF8DC - Old Lace
#FDF5E6 - Ivory
#FFFFF0 - Cream
#FFFDD0 - Light Goldenrod Yellow
#FAFAD2 - Floral White
#FFFAF0 - Palest Bright Yellow
#FAFAD1 - Beige
#F5F5DC - Seashell
#FFF5EE - Palest Bright Citron
#F6FAD1 - Palest Yellow
#FFFFCC - Lemon Chiffon
#FFFACD
More yellow shades
- Gold
#FFD700 - Khaki
#F0E68C - Lemon Chiffon
#FFFACD - Cornsilk
#FFF8DC - Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58
Frequently asked questions
What is the HEX code for Light Yellow?
The HEX code for Light Yellow is #FFFFE0.
What is the RGB value of Light Yellow?
Light Yellow has an RGB value of 255, 255, 224 (rgb(255, 255, 224)). In HSL it is 60°, 100%, 94%.
What text color should I use on Light Yellow?
Use black text on Light Yellow. White text has a contrast ratio of 1.02:1 and black text has 20.63:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Yellow?
The complementary color of Light Yellow is #E0E0FF. Analogous colors #FFF0E0 and #F0FFE0 also pair well.