Colors Palettes
All palettes

Lime

Beautiful Lime color palette.

Brand Colors 5 colors
#4D8600
#87CA21
#B2FF60
#669E00
#AEF42D

Every color in Lime

HEX, RGB and HSL codes with contrast ratings. Click to copy.

549 33
#4D8600
Primary
#4D8600 rgb(77, 134, 0) hsl(86, 100%, 26%)
On white 4.44:1 AA large text On black 4.73:1 AA
#87CA21
Secondary
#87CA21 rgb(135, 202, 33) hsl(84, 72%, 46%)
On white 2.00:1 Fails On black 10.50:1 AAA
#B2FF60
Accent
#B2FF60 rgb(178, 255, 96) hsl(89, 100%, 69%)
On white 1.21:1 Fails On black 17.37:1 AAA
#669E00
Background
#669E00 rgb(102, 158, 0) hsl(81, 100%, 31%)
On white 3.25:1 AA large text On black 6.46:1 AA
#AEF42D
Text
#AEF42D rgb(174, 244, 45) hsl(81, 90%, 57%)
On white 1.33:1 Fails On black 15.78:1 AAA

About the Lime palette

Lime has 5 colors in the Brand Colors category. Overall it reads as mid-tone and vivid, with an average lightness of 46% and an average saturation of 92%. The hues lean cool.

The strongest text and background pair is #4D8600 with #B2FF60, at a contrast ratio of 3.67:1 (AA large text). No pair in this palette reaches 4.5:1, so add a very dark or very light neutral before you set body text with it.

Color harmony

Measured from this palette's real values.

Saturation
92%
Lightness
46%
Best contrast
3.7

Ideas for using it

  • Web design: use #4D8600 for buttons and links, and keep large areas to the lighter colors.
  • Mobile apps: check each color against white and black above before you use it for text or icons.
  • Brand identity: pick one or two colors as the core and keep the rest as support.
  • Presentations: use the mid-tone colors for backgrounds and the strongest contrast pair for titles.

Use it in your project

Copy this palette as CSS variables, or export it in another format.

:root {
  --color-1: #4D8600; /* Primary */
  --color-2: #87CA21; /* Secondary */
  --color-3: #B2FF60; /* Accent */
  --color-4: #669E00; /* Background */
  --color-5: #AEF42D; /* Text */
}