Colors Palettes
All palettes

Lime

Beautiful Lime color palette.

UI Design 5 colors
#527D11
#79CC0A
#5CAA00
#B7FF4D
#93D926

Every color in Lime

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

126 32
#527D11
Primary
#527D11 rgb(82, 125, 17) hsl(84, 76%, 28%)
On white 4.88:1 AA On black 4.30:1 AA large text
#79CC0A
Secondary
#79CC0A rgb(121, 204, 10) hsl(86, 91%, 42%)
On white 2.01:1 Fails On black 10.45:1 AAA
#5CAA00
Accent
#5CAA00 rgb(92, 170, 0) hsl(88, 100%, 33%)
On white 2.91:1 Fails On black 7.20:1 AAA
#B7FF4D
Background
#B7FF4D rgb(183, 255, 77) hsl(84, 100%, 65%)
On white 1.21:1 Fails On black 17.42:1 AAA
#93D926
Text
#93D926 rgb(147, 217, 38) hsl(83, 70%, 50%)
On white 1.72:1 Fails On black 12.19:1 AAA

About the Lime palette

Lime has 5 colors in the UI Design category. Overall it reads as mid-tone and vivid, with an average lightness of 44% and an average saturation of 87%. The hues lean cool.

The strongest text and background pair is #527D11 with #B7FF4D, at a contrast ratio of 4.05: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
87%
Lightness
44%
Best contrast
4.1

Ideas for using it

  • Web design: use #527D11 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: #527D11; /* Primary */
  --color-2: #79CC0A; /* Secondary */
  --color-3: #5CAA00; /* Accent */
  --color-4: #B7FF4D; /* Background */
  --color-5: #93D926; /* Text */
}