# #2aa26e color: Bejewelled

#2aa26e is rgb(42, 162, 110) in RGB and oklch(63.438% 0.13049 159.68) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aa26e |
| RGB | rgb(42, 162, 110) |
| HSL | hsl(154, 58.82%, 40%) |
| HSB / HSV | hsv(154 74.07% 63.53%) |
| HWB | hwb(154 16.47% 36.47%) |
| CMYK | cmyk(74% 0% 32% 36%) |
| Lab | lab(59.31 -43.39 17.37) |
| LCH | lch(59.31 46.73 158.18) |
| OKLab | oklab(63.438% -0.12237 0.04532) |
| OKLCH | oklch(63.438% 0.13049 159.68) |
| Display P3 | color(display-p3 0.31935 0.62628 0.44738) |
| Rec. 2020 | color(rec2020 0.35488 0.57328 0.39833) |
| Adobe RGB | color(a98-rgb 0.38058 0.62945 0.43999) |
| ProPhoto RGB | color(prophoto-rgb 0.353 0.53307 0.38315) |
| Linear sRGB | color(srgb-linear 0.02315 0.36131 0.15593) |
| XYZ D65 | color(xyz-d65 0.16689 0.27458 0.19173) |
| XYZ D50 | color(xyz-d50 0.17156 0.27362 0.14675) |
| SwiftUI | Color(red: 0.165, green: 0.635, blue: 0.431) |
| UIKit | UIColor(red: 0.165, green: 0.635, blue: 0.431, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA26E) |
| Android XML | #2AA26E |

## Facts

- Closest name: Bejewelled
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.23:1
- Contrast with black: 6.49:1

## Tints

#2aa26e, #49ab7c, #61b58a, #77be98, #8bc7a6, #9fd1b5, #b3dac3, #c6e3d2, #d9ede1, #ecf6f0

## Shades

#2aa26e, #238c5f, #1c7750, #166341, #104f33, #0a3c26, #052a19, #02190e, #010a04, #000101

## Tones

#2aa26e, #3ca071, #4a9e74, #559c77, #5f997a, #67977d, #6f957f, #779282, #7e9085, #848d88

## Harmonies

- Complementary: #2aa26e, #bd69a4
- Split: #2aa26e, #a272c5, #cc6679
- Analogous: #2aa26e, #709a3d, #00a29b
- Triadic: #2aa26e, #7b80d8, #cc6c4a
- Tetradic: #2aa26e, #009bc0, #bd69a4, #cc6c4a
- Square: #2aa26e, #448fd6, #bd69a4, #bc7a19
- Monochromatic: #2aa26e, #00582f, #007d4c, #58c892, #82f0b7

## Questions about #2aa26e

### What color is #2aa26e?

#2aa26e is bright emerald. The closest named color is Bejewelled. In RGB it is rgb(42, 162, 110), in HSL hsl(154, 58.82%, 40%) and in OKLCH oklch(63.438% 0.13049 159.68).

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

The complementary color of #2aa26e is #bd69a4. For a calmer combination use the analogous colors #709a3d and #00a29b. The triadic partners are #7b80d8 and #cc6c4a.

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

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

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

#2aa26e is a cool color. In OKLCH its hue is 160 degrees, its lightness 63.4% and its chroma 0.13.