# #48bb77 color: Esmeralda

#48bb77 is rgb(72, 187, 119) in RGB and oklch(70.937% 0.1443 154.18) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/48bb77

## Formats

| Format | Value |
| --- | --- |
| HEX | #48bb77 |
| RGB | rgb(72, 187, 119) |
| HSL | hsl(144.52, 45.82%, 50.78%) |
| HSB / HSV | hsv(144.52 61.5% 73.33%) |
| HWB | hwb(144.52 28.24% 26.67%) |
| CMYK | cmyk(61% 0% 36% 27%) |
| Lab | lab(68.16 -45.61 24.5) |
| LCH | lch(68.16 51.78 151.75) |
| OKLab | oklab(70.937% -0.12989 0.06285) |
| OKLCH | oklch(70.937% 0.1443 154.18) |
| Display P3 | color(display-p3 0.41212 0.72377 0.49017) |
| Rec. 2020 | color(rec2020 0.448 0.67847 0.44536) |
| Adobe RGB | color(a98-rgb 0.46758 0.72762 0.47811) |
| ProPhoto RGB | color(prophoto-rgb 0.43586 0.63824 0.43035) |
| Linear sRGB | color(srgb-linear 0.0648 0.49693 0.18447) |
| XYZ D65 | color(xyz-d65 0.23771 0.38249 0.23583) |
| XYZ D50 | color(xyz-d50 0.24605 0.38185 0.18088) |
| SwiftUI | Color(red: 0.282, green: 0.733, blue: 0.467) |
| UIKit | UIColor(red: 0.282, green: 0.733, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF48BB77) |
| Android XML | #48BB77 |

## Facts

- Closest name: Esmeralda
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: emerald-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.43:1
- Contrast with black: 8.65:1

## Tints

#48bb77, #60c284, #74c992, #87d09f, #99d7ad, #abdeba, #bce5c8, #cdebd5, #def2e3, #eef8f1

## Shades

#48bb77, #3da267, #338a57, #297347, #1f5c38, #16462a, #0d321c, #061f10, #020d05, #000201

## Tones

#48bb77, #56b97c, #62b680, #6cb485, #75b289, #7eaf8d, #86ac91, #8daa95, #94a799, #9ba49d

## Harmonies

- Complementary: #48bb77, #d77cc6
- Split: #48bb77, #b589ea, #ea7797
- Analogous: #48bb77, #8eb03f, #00bdac
- Triadic: #48bb77, #8699fa, #ed7c62
- Tetradic: #48bb77, #00b7d8, #d77cc6, #ed7c62
- Square: #48bb77, #42a9f4, #d77cc6, #de8b2c
- Monochromatic: #48bb77, #007032, #0f9554, #72e29c, #acffca

## Questions about #48bb77

### What color is #48bb77?

#48bb77 is bright light emerald. The closest named color is Esmeralda. In RGB it is rgb(72, 187, 119), in HSL hsl(144.52, 45.82%, 50.78%) and in OKLCH oklch(70.937% 0.1443 154.18).

### What colors go well with #48bb77?

The complementary color of #48bb77 is #d77cc6. For a calmer combination use the analogous colors #8eb03f and #00bdac. The triadic partners are #8699fa and #ed7c62.

### Is white or black text more readable on #48bb77?

Black text reads better on #48bb77: white gives a contrast ratio of 2.43:1 and black gives 8.65:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #48bb77 a warm or cool color?

#48bb77 is a cool color. In OKLCH its hue is 154 degrees, its lightness 70.9% and its chroma 0.144.