# #2aaa77 color: Beanstalk

#2aaa77 is rgb(42, 170, 119) in RGB and oklch(65.76% 0.13309 161.388) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2aaa77

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aaa77 |
| RGB | rgb(42, 170, 119) |
| HSL | hsl(156.09, 60.38%, 41.57%) |
| HSB / HSV | hsv(156.09 75.29% 66.67%) |
| HWB | hwb(156.09 16.47% 33.33%) |
| CMYK | cmyk(75% 0% 30% 33%) |
| Lab | lab(62.04 -44.77 16.18) |
| LCH | lch(62.04 47.6 160.13) |
| OKLab | oklab(65.76% -0.12613 0.04248) |
| OKLCH | oklch(65.76% 0.13309 161.388) |
| Display P3 | color(display-p3 0.33256 0.65717 0.48167) |
| Rec. 2020 | color(rec2020 0.37562 0.6063 0.43469) |
| Adobe RGB | color(a98-rgb 0.39694 0.66074 0.47378) |
| ProPhoto RGB | color(prophoto-rgb 0.37475 0.56566 0.41724) |
| Linear sRGB | color(srgb-linear 0.02315 0.40198 0.18447) |
| XYZ D65 | color(xyz-d65 0.18658 0.30572 0.22371) |
| XYZ D50 | color(xyz-d50 0.19131 0.30451 0.17108) |
| SwiftUI | Color(red: 0.165, green: 0.667, blue: 0.467) |
| UIKit | UIColor(red: 0.165, green: 0.667, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF2AAA77) |
| Android XML | #2AAA77 |

## 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.95:1
- Contrast with black: 7.11:1

## Tints

#2aaa77, #4ab384, #63bb91, #79c49e, #8dccac, #a1d5b9, #b4ddc7, #c7e6d5, #daeee3, #ecf7f1

## Shades

#2aaa77, #239367, #1c7d57, #166847, #105338, #0a3f2a, #052d1c, #021b10, #010b05, #000101

## Tones

#2aaa77, #3ea87a, #4da67d, #59a37f, #63a182, #6c9f85, #759c87, #7c998a, #84978c, #8b948f

## Harmonies

- Complementary: #2aaa77, #c76ea9
- Split: #2aaa77, #ac78cd, #d56c7d
- Analogous: #2aaa77, #73a245, #00aaa5
- Triadic: #2aaa77, #8486e0, #d4734d
- Tetradic: #2aaa77, #00a2cb, #c76ea9, #d4734d
- Square: #2aaa77, #4e95e0, #c76ea9, #c3821c
- Monochromatic: #2aaa77, #005f37, #008554, #5ad19b, #84f9c1

## Questions about #2aaa77

### What color is #2aaa77?

#2aaa77 is bright emerald. The closest named color is Beanstalk. In RGB it is rgb(42, 170, 119), in HSL hsl(156.09, 60.38%, 41.57%) and in OKLCH oklch(65.76% 0.13309 161.388).

### What colors go well with #2aaa77?

The complementary color of #2aaa77 is #c76ea9. For a calmer combination use the analogous colors #73a245 and #00aaa5. The triadic partners are #8486e0 and #d4734d.

### Is white or black text more readable on #2aaa77?

Black text reads better on #2aaa77: white gives a contrast ratio of 2.95:1 and black gives 7.11:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2aaa77 a warm or cool color?

#2aaa77 is a cool color. In OKLCH its hue is 161 degrees, its lightness 65.8% and its chroma 0.133.