Pale Lime is a medium-light, vivid shade in the yellow color family, with a cool feel. Its HEX code is #E4FF7A, which equals rgb(228, 255, 122) in RGB and hsl(72, 100%, 74%) in HSL. In print terms it converts to roughly C11 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#E4FF7A - RGB
228, 255, 122 - HSL
72°, 100%, 74% - CMYK
11, 0, 52, 0 - Family
Yellow - Tone
Medium-light, vivid
About Pale Lime
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 18.88:1. Its complementary color is #957AFF.
Download Pale Lime 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 Lime color codes
| HEX | #E4FF7A |
|---|---|
| RGB | rgb(228, 255, 122) |
| HSL | hsl(72, 100%, 74%) |
| HSV | 72°, 52%, 100% |
| CMYK | 11%, 0%, 52%, 0% |
| Decimal | 15007610 |
Shades and tints of Pale Lime
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBFFE9 - 100
#F6FFD3 - 200
#F2FFBD - 300
#EDFFA6 - 400
#E9FF90 - 500
#E4FF7A - 600
#BED566 - 700
#98AA51 - 800
#72803D - 900
#4C5529 - 950
#262B14
Color harmonies for Pale Lime
- Complementary
#957AFF≈ Pale Ultramarine - Analogous −30°
#FFD77A≈ Pale Tangerine - Analogous +30°
#A2FF7A≈ Pale Clover - Triadic +120°
#7AE4FF≈ Pale Capri - Triadic +240°
#FF7AE4≈ Pale Raspberry - Split 150°
#7AA2FF≈ Pale Cornflower - Split 210°
#D77AFF≈ Pale Amethyst
Contrast and accessibility of Pale Lime
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Lime | Aa | 1.11:1 | Fails |
| Black text on Pale Lime | Aa | 18.88:1 | AAA (excellent) |
CSS code for Pale Lime
background-color: #E4FF7A;color: #E4FF7A;background-color: rgb(228, 255, 122);background-color: hsl(72, 100%, 74%);:root { --color-pale-lime: #E4FF7A; }class="bg-[#E4FF7A]"Colors similar to Pale Lime
- Pale Chartreuse
#D7FF7A - Pale Citron
#F2FF7A - Pale Bright Citron
#E7F288 - Pale Bright Lime
#DDF288 - Pale Bright Yellow
#F2F288 - Pale Spring Bud
#CAFF7A - Pale Bright Chartreuse
#D2F288 - Pale Yellow
#FFFF7A - Light Bright Citron
#E0EE63 - Light Bright Yellow
#EEEE63 - Pale Gold
#FFF27A - Light Bright Lime
#D2EE63
More yellow shades
- Dark Lime
#6A8500 - Deep Lime
#8BAD00 - Medium Dark Lime
#ABD600 - Pure Lime
#CCFF00 - Medium Light Lime
#D4FF29 - Light Lime
#DCFF52 - Very Pale Lime
#EDFFA3 - Palest Lime
#F5FFCC - Darkest Bright Lime
#262E05 - Very Dark Bright Lime
#445309 - Dark Bright Lime
#62770D
Frequently asked questions
What is the HEX code for Pale Lime?
The HEX code for Pale Lime is #E4FF7A.
What is the RGB value of Pale Lime?
Pale Lime has an RGB value of 228, 255, 122 (rgb(228, 255, 122)). In HSL it is 72°, 100%, 74%.
What text color should I use on Pale Lime?
Use black text on Pale Lime. White text has a contrast ratio of 1.11:1 and black text has 18.88:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Lime?
The complementary color of Pale Lime is #957AFF. Analogous colors #FFD77A and #A2FF7A also pair well.