Pale Chartreuse is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #D7FF7A, which equals rgb(215, 255, 122) in RGB and hsl(78, 100%, 74%) in HSL. In print terms it converts to roughly C16 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#D7FF7A - RGB
215, 255, 122 - HSL
78°, 100%, 74% - CMYK
16, 0, 52, 0 - Family
Green - Tone
Medium-light, vivid
About Pale 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. 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 18.47:1. Its complementary color is #A27AFF.
Download Pale 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…
Pale Chartreuse color codes
| HEX | #D7FF7A |
|---|---|
| RGB | rgb(215, 255, 122) |
| HSL | hsl(78, 100%, 74%) |
| HSV | 78°, 52%, 100% |
| CMYK | 16%, 0%, 52%, 0% |
| Decimal | 14155642 |
Shades and tints of Pale Chartreuse
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8FFE9 - 100
#F2FFD3 - 200
#EBFFBD - 300
#E4FFA6 - 400
#DEFF90 - 500
#D7FF7A - 600
#B3D566 - 700
#8FAA51 - 800
#6C803D - 900
#485529 - 950
#242B14
Color harmonies for Pale Chartreuse
- Complementary
#A27AFF≈ Pale Indigo - Analogous −30°
#FFE47A≈ Pale Amber - Analogous +30°
#95FF7A≈ Pale Shamrock - Triadic +120°
#7AD7FF≈ Pale Peacock - Triadic +240°
#FF7AD7≈ Pale Cerise - Split 150°
#7A95FF≈ Pale Sapphire - Split 210°
#E47AFF≈ Pale Grape
Contrast and accessibility of Pale Chartreuse
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Chartreuse | Aa | 1.14:1 | Fails |
| Black text on Pale Chartreuse | Aa | 18.47:1 | AAA (excellent) |
CSS code for Pale Chartreuse
background-color: #D7FF7A;color: #D7FF7A;background-color: rgb(215, 255, 122);background-color: hsl(78, 100%, 74%);:root { --color-pale-chartreuse: #D7FF7A; }class="bg-[#D7FF7A]"Colors similar to Pale Chartreuse
- Pale Spring Bud
#CAFF7A - Pale Lime
#E4FF7A - Pale Bright Chartreuse
#D2F288 - Pale Bright Lime
#DDF288 - Pale Bright Spring Bud
#C7F288 - Pale Bright Citron
#E7F288 - Pale Apple
#BDFF7A - Pale Citron
#F2FF7A - Light Bright Lime
#D2EE63 - Light Bright Citron
#E0EE63 - Pale Bright Apple
#BDF288 - Pale Bright Yellow
#F2F288
More green shades
- Dark Chartreuse
#5D8500 - Deep Chartreuse
#79AD00 - Medium Dark Chartreuse
#96D600 - Pure Chartreuse
#B2FF00 - Medium Light Chartreuse
#BFFF29 - Light Chartreuse
#CBFF52 - Very Pale Chartreuse
#E3FFA3 - Palest Chartreuse
#F0FFCC - Darkest Bright Chartreuse
#222E05 - Very Dark Bright Chartreuse
#3D5309 - Dark Bright Chartreuse
#58770D
Frequently asked questions
What is the HEX code for Pale Chartreuse?
The HEX code for Pale Chartreuse is #D7FF7A.
What is the RGB value of Pale Chartreuse?
Pale Chartreuse has an RGB value of 215, 255, 122 (rgb(215, 255, 122)). In HSL it is 78°, 100%, 74%.
What text color should I use on Pale Chartreuse?
Use black text on Pale Chartreuse. White text has a contrast ratio of 1.14:1 and black text has 18.47:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Chartreuse?
The complementary color of Pale Chartreuse is #A27AFF. Analogous colors #FFE47A and #95FF7A also pair well.