# #3ca970 color: Beanstalk

#3ca970 is rgb(60, 169, 112) in RGB and oklch(65.782% 0.13117 156.738) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ca970 |
| RGB | rgb(60, 169, 112) |
| HSL | hsl(148.62, 47.6%, 44.9%) |
| HSB / HSV | hsv(148.62 64.5% 66.27%) |
| HWB | hwb(148.62 23.53% 33.73%) |
| CMYK | cmyk(64% 0% 34% 34%) |
| Lab | lab(62.02 -42.48 20.02) |
| LCH | lch(62.02 46.96 154.77) |
| OKLab | oklab(65.782% -0.12051 0.0518) |
| OKLCH | oklch(65.782% 0.13117 156.738) |
| Display P3 | color(display-p3 0.36172 0.65387 0.45779) |
| Rec. 2020 | color(rec2020 0.39068 0.60329 0.40983) |
| Adobe RGB | color(a98-rgb 0.41603 0.65682 0.44878) |
| ProPhoto RGB | color(prophoto-rgb 0.38294 0.563 0.39476) |
| Linear sRGB | color(srgb-linear 0.04519 0.39676 0.16203) |
| XYZ D65 | color(xyz-d65 0.18975 0.30505 0.20218) |
| XYZ D50 | color(xyz-d50 0.1957 0.3043 0.15485) |
| SwiftUI | Color(red: 0.235, green: 0.663, blue: 0.439) |
| UIKit | UIColor(red: 0.235, green: 0.663, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFF3CA970) |
| Android XML | #3CA970 |

## Facts

- Closest name: Beanstalk
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.96:1
- Contrast with black: 7.1:1

## Tints

#3ca970, #55b27e, #6bba8c, #7fc39a, #92cca8, #a5d4b6, #b7ddc4, #c9e5d3, #dbeee1, #edf7f0

## Shades

#3ca970, #339260, #2a7c51, #216743, #195335, #113f27, #0a2c1a, #041b0e, #010a04, #000101

## Tones

#3ca970, #4aa774, #55a577, #5fa37b, #68a07e, #709e81, #789c85, #7f9988, #85978b, #8b948e

## Harmonies

- Complementary: #3ca970, #c370af
- Split: #3ca970, #a67bd0, #d36c84
- Analogous: #3ca970, #7ca03f, #00aa9f
- Triadic: #3ca970, #7d89e1, #d57256
- Tetradic: #3ca970, #00a4c5, #c370af, #d57256
- Square: #3ca970, #4498dd, #c370af, #c67f27
- Monochromatic: #3ca970, #00602e, #00844d, #66d094, #8ef8ba

## Questions about #3ca970

### What color is #3ca970?

#3ca970 is bright emerald. The closest named color is Beanstalk. In RGB it is rgb(60, 169, 112), in HSL hsl(148.62, 47.6%, 44.9%) and in OKLCH oklch(65.782% 0.13117 156.738).

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

The complementary color of #3ca970 is #c370af. For a calmer combination use the analogous colors #7ca03f and #00aa9f. The triadic partners are #7d89e1 and #d57256.

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

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

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

#3ca970 is a cool color. In OKLCH its hue is 157 degrees, its lightness 65.8% and its chroma 0.131.