# #3bbb76 color: Esmeralda

#3bbb76 is rgb(59, 187, 118) in RGB and oklch(70.552% 0.15059 155.334) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3bbb76

## Formats

| Format | Value |
| --- | --- |
| HEX | #3bbb76 |
| RGB | rgb(59, 187, 118) |
| HSL | hsl(147.66, 52.03%, 48.24%) |
| HSB / HSV | hsv(147.66 68.45% 73.33%) |
| HWB | hwb(147.66 23.14% 26.67%) |
| CMYK | cmyk(68% 0% 37% 27%) |
| Lab | lab(67.8 -48.26 24.48) |
| LCH | lch(67.8 54.11 153.11) |
| OKLab | oklab(70.552% -0.13685 0.06285) |
| OKLCH | oklch(70.552% 0.15059 155.334) |
| Display P3 | color(display-p3 0.38738 0.7233 0.48641) |
| Rec. 2020 | color(rec2020 0.43222 0.67734 0.44148) |
| Adobe RGB | color(a98-rgb 0.45014 0.72762 0.4746) |
| ProPhoto RGB | color(prophoto-rgb 0.42317 0.63651 0.42683) |
| Linear sRGB | color(srgb-linear 0.04374 0.49693 0.18116) |
| XYZ D65 | color(xyz-d65 0.22843 0.37777 0.23228) |
| XYZ D50 | color(xyz-d50 0.23639 0.37696 0.17822) |
| SwiftUI | Color(red: 0.231, green: 0.733, blue: 0.463) |
| UIKit | UIColor(red: 0.231, green: 0.733, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF3BBB76) |
| Android XML | #3BBB76 |

## 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.45:1
- Contrast with black: 8.56:1

## Tints

#3bbb76, #57c283, #6dc991, #82d09e, #95d7ac, #a7deba, #b9e5c7, #cbebd5, #ddf2e3, #eef9f1

## Shades

#3bbb76, #32a266, #298a56, #217347, #195c38, #114629, #09321c, #041f0f, #010d05, #000201

## Tones

#3bbb76, #4cb97b, #5ab67f, #66b483, #70b188, #7aae8c, #82ac90, #8aa994, #92a698, #99a39c

## Harmonies

- Complementary: #3bbb76, #d979c4
- Split: #3bbb76, #b785ea, #ec7493
- Analogous: #3bbb76, #8ab039, #00bcac
- Triadic: #3bbb76, #8696fd, #ee7a5c
- Tetradic: #3bbb76, #00b5d8, #d979c4, #ee7a5c
- Square: #3bbb76, #3ea7f7, #d979c4, #df8a1c
- Monochromatic: #3bbb76, #006f34, #009553, #68e29b, #a5ffc9

## Questions about #3bbb76

### What color is #3bbb76?

#3bbb76 is bright light emerald. The closest named color is Esmeralda. In RGB it is rgb(59, 187, 118), in HSL hsl(147.66, 52.03%, 48.24%) and in OKLCH oklch(70.552% 0.15059 155.334).

### What colors go well with #3bbb76?

The complementary color of #3bbb76 is #d979c4. For a calmer combination use the analogous colors #8ab039 and #00bcac. The triadic partners are #8696fd and #ee7a5c.

### Is white or black text more readable on #3bbb76?

Black text reads better on #3bbb76: white gives a contrast ratio of 2.45:1 and black gives 8.56:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3bbb76 a warm or cool color?

#3bbb76 is a cool color. In OKLCH its hue is 155 degrees, its lightness 70.6% and its chroma 0.151.