# #3caa4e color: Leapfrog

#3caa4e is rgb(60, 170, 78) in RGB and oklch(65.435% 0.16442 146.288) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3caa4e

## Formats

| Format | Value |
| --- | --- |
| HEX | #3caa4e |
| RGB | rgb(60, 170, 78) |
| HSL | hsl(129.82, 47.83%, 45.1%) |
| HSB / HSV | hsv(129.82 64.71% 66.67%) |
| HWB | hwb(129.82 23.53% 33.33%) |
| CMYK | cmyk(65% 0% 54% 33%) |
| Lab | lab(61.9 -47.17 37.33) |
| LCH | lch(61.9 60.16 141.64) |
| OKLab | oklab(65.435% -0.13677 0.09125) |
| OKLCH | oklch(65.435% 0.16442 146.288) |
| Display P3 | color(display-p3 0.36321 0.65773 0.34791) |
| Rec. 2020 | color(rec2020 0.38802 0.60655 0.2983) |
| Adobe RGB | color(a98-rgb 0.41797 0.66074 0.33389) |
| ProPhoto RGB | color(prophoto-rgb 0.3704 0.56488 0.29926) |
| Linear sRGB | color(srgb-linear 0.04519 0.40198 0.07619) |
| XYZ D65 | color(xyz-d65 0.17613 0.30259 0.1212) |
| XYZ D50 | color(xyz-d50 0.18543 0.30284 0.09406) |
| SwiftUI | Color(red: 0.235, green: 0.667, blue: 0.306) |
| UIKit | UIColor(red: 0.235, green: 0.667, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF3CAA4E) |
| Android XML | #3CAA4E |

## Facts

- Closest name: Leapfrog
- Hue family: Green, bright green
- Closest Tailwind class: green-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.98:1
- Contrast with black: 7.05:1

## Tints

#3caa4e, #55b361, #6abc73, #7ec484, #91cd96, #a4d5a7, #b6deb8, #c9e6ca, #dbefdb, #edf7ed

## Shades

#3caa4e, #339343, #2a7d38, #21682d, #195323, #113f19, #0a2d0f, #041b07, #010b02, #000100

## Tones

#3caa4e, #49a856, #55a65e, #5ea365, #67a16c, #6f9e72, #779c79, #7d997f, #849685, #8a938b

## Harmonies

- Complementary: #3caa4e, #c368c5
- Split: #3caa4e, #9b77e8, #db5f93
- Analogous: #3caa4e, #8c9b00, #00ac8e
- Triadic: #3caa4e, #618af4, #e36158
- Tetradic: #3caa4e, #00a6b8, #c368c5, #e36158
- Square: #3caa4e, #009ce6, #c368c5, #d97000
- Monochromatic: #3caa4e, #006000, #008428, #66d173, #8ef999

## Questions about #3caa4e

### What color is #3caa4e?

#3caa4e is bright green. The closest named color is Leapfrog. In RGB it is rgb(60, 170, 78), in HSL hsl(129.82, 47.83%, 45.1%) and in OKLCH oklch(65.435% 0.16442 146.288).

### What colors go well with #3caa4e?

The complementary color of #3caa4e is #c368c5. For a calmer combination use the analogous colors #8c9b00 and #00ac8e. The triadic partners are #618af4 and #e36158.

### Is white or black text more readable on #3caa4e?

Black text reads better on #3caa4e: white gives a contrast ratio of 2.98:1 and black gives 7.05:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3caa4e a warm or cool color?

#3caa4e is a neutral color. In OKLCH its hue is 146 degrees, its lightness 65.4% and its chroma 0.164.