Light Citron is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #EEFF52, which equals rgb(238, 255, 82) in RGB and hsl(66, 100%, 66%) in HSL. In print terms it converts to roughly C7 M0 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#EEFF52 - RGB
238, 255, 82 - HSL
66°, 100%, 66% - CMYK
7, 0, 68, 0 - Family
Yellow - Tone
Medium-light, vivid
About Light Citron
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 19.06:1. Its complementary color is #6352FF.
Download Light Citron 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 Citron color codes
| HEX | #EEFF52 |
|---|---|
| RGB | rgb(238, 255, 82) |
| HSL | hsl(66, 100%, 66%) |
| HSV | 66°, 68%, 100% |
| CMYK | 7%, 0%, 68%, 0% |
| Decimal | 15662930 |
Shades and tints of Light Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCFFE2 - 100
#F9FFC5 - 200
#F7FFA9 - 300
#F4FF8C - 400
#F1FF6F - 500
#EEFF52 - 600
#C6D544 - 700
#9FAA37 - 800
#778029 - 900
#4F551B - 950
#282B0E
Color harmonies for Light Citron
- Complementary
#6352FF≈ Light Blue Tone - Analogous −30°
#FFBA52≈ Light Amber - Analogous +30°
#97FF52≈ Light Leaf - Triadic +120°
#52EEFF≈ Light Cyan Tone - Triadic +240°
#FF52EE≈ Light Magenta - Split 150°
#5297FF≈ Light Cerulean - Split 210°
#BA52FF≈ Light Grape
Contrast and accessibility of Light Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Citron | Aa | 1.10:1 | Fails |
| Black text on Light Citron | Aa | 19.06:1 | AAA (excellent) |
CSS code for Light Citron
background-color: #EEFF52;color: #EEFF52;background-color: rgb(238, 255, 82);background-color: hsl(66, 100%, 66%);:root { --color-light-citron: #EEFF52; }class="bg-[#EEFF52]"Colors similar to Light Citron
- Light Yellow Tone
#FFFF52 - Light Lime
#DCFF52 - Light Bright Yellow
#EEEE63 - Light Gold
#FFEE52 - Light Bright Citron
#E0EE63 - Medium Light Bright Yellow
#EAEA3E - Pale Citron
#F2FF7A - Light Chartreuse
#CBFF52 - Medium Light Citron
#EAFF29 - Pale Lime
#E4FF7A - Medium Light Bright Citron
#D8EA3E - Light Bright Lime
#D2EE63
More yellow shades
- Very Dark Citron
#535C00 - Dark Citron
#778500 - Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Pale Citron
#F2FF7A - Very Pale Citron
#F6FFA3 - Palest Citron
#FAFFCC - Darkest Bright Citron
#2A2E05 - Very Dark Bright Citron
#4B5309
Frequently asked questions
What is the HEX code for Light Citron?
The HEX code for Light Citron is #EEFF52.
What is the RGB value of Light Citron?
Light Citron has an RGB value of 238, 255, 82 (rgb(238, 255, 82)). In HSL it is 66°, 100%, 66%.
What text color should I use on Light Citron?
Use black text on Light Citron. White text has a contrast ratio of 1.10:1 and black text has 19.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Citron?
The complementary color of Light Citron is #6352FF. Analogous colors #FFBA52 and #97FF52 also pair well.