Light Bright Citron is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #E0EE63, which equals rgb(224, 238, 99) in RGB and hsl(66, 80%, 66%) in HSL. In print terms it converts to roughly C6 M0 Y58 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#E0EE63 - RGB
224, 238, 99 - HSL
66°, 80%, 66% - CMYK
6, 0, 58, 7 - Family
Yellow - Tone
Medium-light, saturated
About Light Bright 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 16.58:1. Its complementary color is #7163EE.
Download Light Bright 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 Bright Citron color codes
| HEX | #E0EE63 |
|---|---|
| RGB | rgb(224, 238, 99) |
| HSL | hsl(66, 80%, 66%) |
| HSV | 66°, 58%, 93% |
| CMYK | 6%, 0%, 58%, 7% |
| Decimal | 14741091 |
Shades and tints of Light Bright Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAFCE5 - 100
#F5F9CB - 200
#F0F7B1 - 300
#EAF497 - 400
#E5F17D - 500
#E0EE63 - 600
#BBC653 - 700
#959F42 - 800
#707732 - 900
#4B4F21 - 950
#252811
Color harmonies for Light Bright Citron
- Complementary
#7163EE≈ Medium Slate Blue - Analogous −30°
#EEB663≈ Light Bright Orange - Analogous +30°
#9AEE63≈ Light Bright Leaf - Triadic +120°
#63E0EE≈ Light Bright Cyan - Triadic +240°
#EE63E0≈ Light Bright Magenta - Split 150°
#639AEE≈ Cornflower Blue - Split 210°
#B663EE≈ Light Bright Violet
Contrast and accessibility of Light Bright Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Citron | Aa | 1.27:1 | Fails |
| Black text on Light Bright Citron | Aa | 16.58:1 | AAA (excellent) |
CSS code for Light Bright Citron
background-color: #E0EE63;color: #E0EE63;background-color: rgb(224, 238, 99);background-color: hsl(66, 80%, 66%);:root { --color-light-bright-citron: #E0EE63; }class="bg-[#E0EE63]"Colors similar to Light Bright Citron
- Light Bright Lime
#D2EE63 - Light Bright Yellow
#EEEE63 - Light Bright Gold
#EEE063 - Light Lime
#DCFF52 - Light Soft Yellow
#DCDC74 - Light Bright Chartreuse
#C4EE63 - Pale Lime
#E4FF7A - Light Citron
#EEFF52 - Light Soft Citron
#D2DC74 - Pale Chartreuse
#D7FF7A - Pale Bright Lime
#DDF288 - Light Chartreuse
#CBFF52
More yellow shades
- Very Dark Bright Citron
#4B5309 - Dark Bright Citron
#6D770D - Deep Bright Citron
#8E9C11 - Medium Dark Bright Citron
#B0C115 - Bright Citron
#D1E619 - Medium Light Bright Citron
#D8EA3E - Pale Bright Citron
#E7F288 - Very Pale Bright Citron
#EEF6AC - Palest Bright Citron
#F6FAD1 - Darkest Soft Citron
#26290A - Very Dark Soft Citron
#444912
Frequently asked questions
What is the HEX code for Light Bright Citron?
The HEX code for Light Bright Citron is #E0EE63.
What is the RGB value of Light Bright Citron?
Light Bright Citron has an RGB value of 224, 238, 99 (rgb(224, 238, 99)). In HSL it is 66°, 80%, 66%.
What text color should I use on Light Bright Citron?
Use black text on Light Bright Citron. White text has a contrast ratio of 1.27:1 and black text has 16.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Citron?
The complementary color of Light Bright Citron is #7163EE. Analogous colors #EEB663 and #9AEE63 also pair well.