# #2ea563 color: Alhambra Green

#2ea563 is rgb(46, 165, 99) in RGB and oklch(64.09% 0.14337 154.2) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ea563 |
| RGB | rgb(46, 165, 99) |
| HSL | hsl(146.72, 56.4%, 41.37%) |
| HSB / HSV | hsv(146.72 72.12% 64.71%) |
| HWB | hwb(146.72 18.04% 35.29%) |
| CMYK | cmyk(72% 0% 40% 35%) |
| Lab | lab(60.19 -45.51 24.46) |
| LCH | lch(60.19 51.66 151.74) |
| OKLab | oklab(64.09% -0.12908 0.0624) |
| OKLCH | oklch(64.09% 0.14337 154.2) |
| Display P3 | color(display-p3 0.33052 0.63797 0.41183) |
| Rec. 2020 | color(rec2020 0.36379 0.58548 0.36218) |
| Adobe RGB | color(a98-rgb 0.3909 0.64117 0.40247) |
| ProPhoto RGB | color(prophoto-rgb 0.35652 0.54454 0.35205) |
| Linear sRGB | color(srgb-linear 0.02732 0.37626 0.12477) |
| XYZ D65 | color(xyz-d65 0.16833 0.28391 0.16398) |
| XYZ D50 | color(xyz-d50 0.17468 0.28338 0.12601) |
| SwiftUI | Color(red: 0.18, green: 0.647, blue: 0.388) |
| UIKit | UIColor(red: 0.18, green: 0.647, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF2EA563) |
| Android XML | #2EA563 |

## Facts

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

## Tints

#2ea563, #4cae72, #63b781, #79c091, #8dc9a0, #a0d2b0, #b3dbbf, #c6e4cf, #d9eddf, #ecf6ef

## Shades

#2ea563, #278f55, #1f7947, #18653a, #12512e, #0b3d21, #062b16, #021a0b, #010a03, #000100

## Tones

#2ea563, #3fa368, #4ca16c, #579e70, #619c75, #699a79, #71977d, #799581, #809285, #868f88

## Harmonies

- Complementary: #2ea563, #c068b0
- Split: #2ea563, #a074d2, #d26382
- Analogous: #2ea563, #7a9a27, #00a696
- Triadic: #2ea563, #7383e3, #d5684e
- Tetradic: #2ea563, #00a0bd, #c068b0, #d5684e
- Square: #2ea563, #2994dc, #c068b0, #c77606
- Monochromatic: #2ea563, #005a24, #008040, #5bcc87, #84f3ac

## Questions about #2ea563

### What color is #2ea563?

#2ea563 is bright emerald. The closest named color is Alhambra Green. In RGB it is rgb(46, 165, 99), in HSL hsl(146.72, 56.4%, 41.37%) and in OKLCH oklch(64.09% 0.14337 154.2).

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

The complementary color of #2ea563 is #c068b0. For a calmer combination use the analogous colors #7a9a27 and #00a696. The triadic partners are #7383e3 and #d5684e.

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

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

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

#2ea563 is a cool color. In OKLCH its hue is 154 degrees, its lightness 64.1% and its chroma 0.143.