# #2aaa76 color: Beanstalk

#2aaa76 is rgb(42, 170, 118) in RGB and oklch(65.736% 0.13396 160.933) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aaa76 |
| RGB | rgb(42, 170, 118) |
| HSL | hsl(155.63, 60.38%, 41.57%) |
| HSB / HSV | hsv(155.63 75.29% 66.67%) |
| HWB | hwb(155.63 16.47% 33.33%) |
| CMYK | cmyk(75% 0% 31% 33%) |
| Lab | lab(62.02 -44.93 16.7) |
| LCH | lch(62.02 47.93 159.62) |
| OKLab | oklab(65.736% -0.12661 0.04376) |
| OKLCH | oklch(65.736% 0.13396 160.933) |
| Display P3 | color(display-p3 0.33256 0.65717 0.47824) |
| Rec. 2020 | color(rec2020 0.37542 0.60627 0.43113) |
| Adobe RGB | color(a98-rgb 0.39694 0.66074 0.47023) |
| ProPhoto RGB | color(prophoto-rgb 0.37419 0.56558 0.41402) |
| Linear sRGB | color(srgb-linear 0.02315 0.40198 0.18116) |
| XYZ D65 | color(xyz-d65 0.18599 0.30548 0.22056) |
| XYZ D50 | color(xyz-d50 0.19084 0.30431 0.16872) |
| SwiftUI | Color(red: 0.165, green: 0.667, blue: 0.463) |
| UIKit | UIColor(red: 0.165, green: 0.667, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF2AAA76) |
| Android XML | #2AAA76 |

## 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

#2aaa76, #4ab383, #63bb90, #79c49e, #8dccab, #a1d5b9, #b4ddc7, #c7e6d5, #daeee3, #ecf7f1

## Shades

#2aaa76, #239366, #1c7d56, #166847, #105338, #0a3f29, #052d1c, #021b0f, #010b05, #000101

## Tones

#2aaa76, #3ea879, #4da67c, #58a37f, #63a181, #6c9e84, #759c87, #7c9989, #84978c, #8b948f

## Harmonies

- Complementary: #2aaa76, #c76eaa
- Split: #2aaa76, #ac78cd, #d56b7d
- Analogous: #2aaa76, #74a244, #00aaa5
- Triadic: #2aaa76, #8486e1, #d5724d
- Tetradic: #2aaa76, #00a3ca, #c76eaa, #d5724d
- Square: #2aaa76, #4c95e0, #c76eaa, #c4811b
- Monochromatic: #2aaa76, #005f36, #008553, #5ad19a, #84f9c0

## Questions about #2aaa76

### What color is #2aaa76?

#2aaa76 is bright emerald. The closest named color is Beanstalk. In RGB it is rgb(42, 170, 118), in HSL hsl(155.63, 60.38%, 41.57%) and in OKLCH oklch(65.736% 0.13396 160.933).

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

The complementary color of #2aaa76 is #c76eaa. For a calmer combination use the analogous colors #74a244 and #00aaa5. The triadic partners are #8486e1 and #d5724d.

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

Black text reads better on #2aaa76: 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 #2aaa76 a warm or cool color?

#2aaa76 is a cool color. In OKLCH its hue is 161 degrees, its lightness 65.7% and its chroma 0.134.