#7ECD60Lime

#7ECD60 is a lime in the Lime family. In practice it looks like a balanced light pale lime, and it is also commonly known as Pale Lime, Light Chartreuse. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#7ECD60
CSS Nameyellowgreen (closest)

Tints and shades (50–950)

50#f2f7f0
100#e2eede
200#c9e2c0
300#a2cf92
400#74b75b
500#50a22b
600#3f8f14
700#2f7800
800#266400
900#1f5500
950#0f3200

Accessibility

Contrast on white
1.95:1
Contrast on black
10.79:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whiteFail
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whiteFail

Need a passing variant? Repair this color in the contrast checker.

Complementary palette

Analogous palette

Triadic palette

Copy-ready CSS

brand-scale.css
:root {
  --brand-50: oklch(0.971 0.012 137.8); /* #f2f7f0 */
  --brand-100: oklch(0.936 0.026 137.8); /* #e2eede */
  --brand-200: oklch(0.885 0.053 137.8); /* #c9e2c0 */
  --brand-300: oklch(0.808 0.096 137.8); /* #a2cf92 */
  --brand-400: oklch(0.712 0.143 137.8); /* #74b75b */
  --brand-500: oklch(0.637 0.172 137.8); /* #50a22b */
  --brand-600: oklch(0.577 0.169 137.8); /* #3f8f14 */
  --brand-700: oklch(0.505 0.155 137.8); /* #2f7800 */
  --brand-800: oklch(0.444 0.137 137.8); /* #266400 */
  --brand-900: oklch(0.396 0.122 137.8); /* #1f5500 */
  --brand-950: oklch(0.281 0.087 137.8); /* #0f3200 */
}

Explore other colors