Light Yellow Tone is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFF52, which equals rgb(255, 255, 82) in RGB and hsl(60, 100%, 66%) in HSL. In print terms it converts to roughly C0 M0 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFF52 - RGB
255, 255, 82 - HSL
60°, 100%, 66% - CMYK
0, 0, 68, 0 - Family
Yellow - Tone
Medium-light, vivid
About Light Yellow Tone
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 19.68:1. Its complementary color is #5252FF.
Download Light Yellow Tone 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 Tone color codes
| HEX | #FFFF52 |
|---|---|
| RGB | rgb(255, 255, 82) |
| HSL | hsl(60, 100%, 66%) |
| HSV | 60°, 68%, 100% |
| CMYK | 0%, 0%, 68%, 0% |
| Decimal | 16777042 |
Shades and tints of Light Yellow Tone
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFE2 - 100
#FFFFC5 - 200
#FFFFA9 - 300
#FFFF8C - 400
#FFFF6F - 500
#FFFF52 - 600
#D5D544 - 700
#AAAA37 - 800
#808029 - 900
#55551B - 950
#2B2B0E
Color harmonies for Light Yellow Tone
- Complementary
#5252FF≈ Light Ultramarine - Analogous −30°
#FFA852≈ Sandy Brown - Analogous +30°
#A8FF52≈ Light Fern - Triadic +120°
#52FFFF≈ Light Teal - Triadic +240°
#FF52FF≈ Light Fuchsia - Split 150°
#52A8FF≈ Light Cornflower - Split 210°
#A852FF≈ Light Periwinkle
Contrast and accessibility of Light Yellow Tone
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Yellow Tone | Aa | 1.07:1 | Fails |
| Black text on Light Yellow Tone | Aa | 19.68:1 | AAA (excellent) |
CSS code for Light Yellow Tone
background-color: #FFFF52;color: #FFFF52;background-color: rgb(255, 255, 82);background-color: hsl(60, 100%, 66%);:root { --color-light-yellow-tone: #FFFF52; }class="bg-[#FFFF52]"Colors similar to Light Yellow Tone
- Light Citron
#EEFF52 - Light Gold
#FFEE52 - Light Bright Yellow
#EEEE63 - Pale Yellow
#FFFF7A - Medium Light Yellow
#FFFF29 - Light Lime
#DCFF52 - Pale Citron
#F2FF7A - Pale Gold
#FFF27A - Medium Light Bright Yellow
#EAEA3E - Light Bright Citron
#E0EE63 - Medium Light Citron
#EAFF29 - Light Marigold
#FFDC52
More yellow shades
- Darkest Yellow
#333300 - Very Dark Yellow
#5C5C00 - Dark Yellow
#858500 - Deep Yellow
#ADAD00 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Pale Yellow
#FFFF7A - Very Pale Yellow
#FFFFA3 - Palest Yellow
#FFFFCC - Darkest Bright Yellow
#2E2E05 - Very Dark Bright Yellow
#535309
Frequently asked questions
What is the HEX code for Light Yellow Tone?
The HEX code for Light Yellow Tone is #FFFF52.
What is the RGB value of Light Yellow Tone?
Light Yellow Tone has an RGB value of 255, 255, 82 (rgb(255, 255, 82)). In HSL it is 60°, 100%, 66%.
What text color should I use on Light Yellow Tone?
Use black text on Light Yellow Tone. White text has a contrast ratio of 1.07:1 and black text has 19.68:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Yellow Tone?
The complementary color of Light Yellow Tone is #5252FF. Analogous colors #FFA852 and #A8FF52 also pair well.