Light Chartreuse is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #CBFF52, which equals rgb(203, 255, 82) in RGB and hsl(78, 100%, 66%) in HSL. In print terms it converts to roughly C20 M0 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CBFF52 - RGB
203, 255, 82 - HSL
78°, 100%, 66% - CMYK
20, 0, 68, 0 - Family
Green - Tone
Medium-light, vivid
About Light Chartreuse
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. 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 17.97:1. Its complementary color is #8652FF.
Download Light Chartreuse 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 Chartreuse color codes
| HEX | #CBFF52 |
|---|---|
| RGB | rgb(203, 255, 82) |
| HSL | hsl(78, 100%, 66%) |
| HSV | 78°, 68%, 100% |
| CMYK | 20%, 0%, 68%, 0% |
| Decimal | 13369170 |
Shades and tints of Light Chartreuse
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6FFE2 - 100
#EEFFC5 - 200
#E5FFA9 - 300
#DCFF8C - 400
#D4FF6F - 500
#CBFF52 - 600
#A9D544 - 700
#87AA37 - 800
#668029 - 900
#44551B - 950
#222B0E
Color harmonies for Light Chartreuse
- Complementary
#8652FF≈ Light Periwinkle - Analogous −30°
#FFDC52≈ Mustard - Analogous +30°
#74FF52≈ Light Shamrock - Triadic +120°
#52CBFF≈ Light Peacock - Triadic +240°
#FF52CB≈ Light Cerise - Split 150°
#5274FF≈ Light Royal - Split 210°
#DC52FF≈ Light Grape
Contrast and accessibility of Light Chartreuse
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Chartreuse | Aa | 1.17:1 | Fails |
| Black text on Light Chartreuse | Aa | 17.97:1 | AAA (excellent) |
CSS code for Light Chartreuse
background-color: #CBFF52;color: #CBFF52;background-color: rgb(203, 255, 82);background-color: hsl(78, 100%, 66%);:root { --color-light-chartreuse: #CBFF52; }class="bg-[#CBFF52]"Colors similar to Light Chartreuse
- Light Spring Bud
#BAFF52 - Light Lime
#DCFF52 - Light Bright Lime
#D2EE63 - Light Bright Chartreuse
#C4EE63 - Medium Light Bright Lime
#C7EA3E - Light Bright Spring Bud
#B6EE63 - Light Bright Citron
#E0EE63 - Medium Light Bright Citron
#D8EA3E - Light Apple
#A8FF52 - Light Citron
#EEFF52 - Pale Spring Bud
#CAFF7A - Medium Light Bright Chartreuse
#B6EA3E
More green shades
- Very Dark Chartreuse
#405C00 - Dark Chartreuse
#5D8500 - Deep Chartreuse
#79AD00 - Medium Dark Chartreuse
#96D600 - Pure Chartreuse
#B2FF00 - Medium Light Chartreuse
#BFFF29 - Pale Chartreuse
#D7FF7A - Very Pale Chartreuse
#E3FFA3 - Palest Chartreuse
#F0FFCC - Darkest Bright Chartreuse
#222E05 - Very Dark Bright Chartreuse
#3D5309
Frequently asked questions
What is the HEX code for Light Chartreuse?
The HEX code for Light Chartreuse is #CBFF52.
What is the RGB value of Light Chartreuse?
Light Chartreuse has an RGB value of 203, 255, 82 (rgb(203, 255, 82)). In HSL it is 78°, 100%, 66%.
What text color should I use on Light Chartreuse?
Use black text on Light Chartreuse. White text has a contrast ratio of 1.17:1 and black text has 17.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Chartreuse?
The complementary color of Light Chartreuse is #8652FF. Analogous colors #FFDC52 and #74FF52 also pair well.