# #2aa366 color: Biel-Tan Green

#2aa366 is rgb(42, 163, 102) in RGB and oklch(63.529% 0.13919 156.086) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aa366 |
| RGB | rgb(42, 163, 102) |
| HSL | hsl(149.75, 59.02%, 40.2%) |
| HSB / HSV | hsv(149.75 74.23% 63.92%) |
| HWB | hwb(149.75 16.47% 36.08%) |
| CMYK | cmyk(74% 0% 37% 36%) |
| Lab | lab(59.5 -45 21.95) |
| LCH | lch(59.5 50.06 154) |
| OKLab | oklab(63.529% -0.12724 0.05642) |
| OKLCH | oklch(63.529% 0.13919 156.086) |
| Display P3 | color(display-p3 0.32099 0.63014 0.42077) |
| Rec. 2020 | color(rec2020 0.3558 0.57713 0.37108) |
| Adobe RGB | color(a98-rgb 0.38262 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.35094 0.53643 0.35937) |
| Linear sRGB | color(srgb-linear 0.02315 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.16449 0.27645 0.1704) |
| XYZ D50 | color(xyz-d50 0.17017 0.27577 0.13076) |
| SwiftUI | Color(red: 0.165, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 0.165, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA366) |
| Android XML | #2AA366 |

## Facts

- Closest name: Biel-Tan Green
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.22:1
- Contrast with black: 6.53:1

## Tints

#2aa366, #49ac75, #61b684, #77bf93, #8bc8a2, #9fd1b1, #b3dbc0, #c6e4d0, #d9eddf, #ecf6ef

## Shades

#2aa366, #238d58, #1c784a, #16633c, #104f2f, #0a3c23, #052a17, #02190c, #010a04, #000100

## Tones

#2aa366, #3ca16a, #4a9f6e, #559c72, #5f9a75, #679879, #6f957d, #779380, #7e9084, #848d87

## Harmonies

- Complementary: #2aa366, #be67aa
- Split: #2aa366, #a072cd, #cf627e
- Analogous: #2aa366, #76992e, #00a397
- Triadic: #2aa366, #7581de, #d1684c
- Tetradic: #2aa366, #009dbe, #be67aa, #d1684c
- Square: #2aa366, #3391d9, #be67aa, #c27709
- Monochromatic: #2aa366, #005828, #007e44, #58c98a, #82f1af

## Questions about #2aa366

### What color is #2aa366?

#2aa366 is bright emerald. The closest named color is Biel-Tan Green. In RGB it is rgb(42, 163, 102), in HSL hsl(149.75, 59.02%, 40.2%) and in OKLCH oklch(63.529% 0.13919 156.086).

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

The complementary color of #2aa366 is #be67aa. For a calmer combination use the analogous colors #76992e and #00a397. The triadic partners are #7581de and #d1684c.

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

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

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

#2aa366 is a cool color. In OKLCH its hue is 156 degrees, its lightness 63.5% and its chroma 0.139.