#3CAA50 - Leapfrog
Hex color #3CAA50 is called Leapfrog. It consists of 24% red, 67% green, and 31% blue in RGB color space. In CMYK it is 65% cyan, 0% magenta, 53% yellow, and 33% black. In HSL it is 131° hue, 48% saturation, and 45% lightness (dark) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Leapfrog | — |
| HEX | #3CAA50 | #3CAA50 |
| HEXA | #3CAA50FF | #3CAA50FF |
| RGB | 60, 170, 80 | rgb(60, 170, 80) |
| RGBA | 60, 170, 80, 1 | rgba(60, 170, 80, 1) |
| HSL | 131%, 48%, 45% | hsl(131%, 48%, 45%) |
| CMYK | 65%, 0%, 53%, 33% | cmyk(65%, 0%, 53%, 33%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 45% (dark) | — |
Negative color
The color opposite to #3CAA50 is #C355AF.
Preview on black and white
As #3CAA50 has 45% lightness, this color is light, so it has more contrast with black.
#3CAA50 On White Background
#3CAA50
#3CAA50
Text Color
This is how text looks with this color.
#3CAA50 On Black Background
#3CAA50
#3CAA50
Text Color
This is how text looks with this color.
Transform color
60, 170, 80rgb(60, 170, 80)