# #3bbc74 color: Esmeralda

#3bbc74 is rgb(59, 188, 116) in RGB and oklch(70.77% 0.15377 154.491) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3bbc74 |
| RGB | rgb(59, 188, 116) |
| HSL | hsl(146.51, 52.23%, 48.43%) |
| HSB / HSV | hsv(146.51 68.62% 73.73%) |
| HWB | hwb(146.51 23.14% 26.27%) |
| CMYK | cmyk(69% 0% 38% 26%) |
| Lab | lab(68.08 -48.9 25.89) |
| LCH | lch(68.08 55.33 152.1) |
| OKLab | oklab(70.77% -0.13878 0.06622) |
| OKLCH | oklch(70.77% 0.15377 154.491) |
| Display P3 | color(display-p3 0.38895 0.72716 0.48021) |
| Rec. 2020 | color(rec2020 0.43423 0.68141 0.43519) |
| Adobe RGB | color(a98-rgb 0.45215 0.73157 0.46787) |
| ProPhoto RGB | color(prophoto-rgb 0.42433 0.6405 0.42137) |
| Linear sRGB | color(srgb-linear 0.04374 0.50289 0.17465) |
| XYZ D65 | color(xyz-d65 0.22938 0.38156 0.22679) |
| XYZ D50 | color(xyz-d50 0.23775 0.38083 0.17415) |
| SwiftUI | Color(red: 0.231, green: 0.737, blue: 0.455) |
| UIKit | UIColor(red: 0.231, green: 0.737, blue: 0.455, alpha: 1) |
| Flutter / Compose | Color(0xFF3BBC74) |
| Android XML | #3BBC74 |

## 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.63:1

## Tints

#3bbc74, #57c382, #6eca8f, #82d19d, #95d8ab, #a8deb9, #bae5c7, #cbecd5, #ddf2e3, #eef9f1

## Shades

#3bbc74, #32a364, #298b54, #217345, #195d37, #114729, #09321b, #041f0f, #010d05, #000201

## Tones

#3bbc74, #4dba79, #5ab77e, #66b582, #71b287, #7aaf8b, #83ad90, #8baa94, #93a798, #9aa49d

## Harmonies

- Complementary: #3bbc74, #da79c7
- Split: #3bbc74, #b786ed, #ed7395
- Analogous: #3bbc74, #8cb035, #00bdac
- Triadic: #3bbc74, #8597ff, #f1795c
- Tetradic: #3bbc74, #00b6d8, #da79c7, #f1795c
- Square: #3bbc74, #37a9f9, #da79c7, #e18917
- Monochromatic: #3bbc74, #007031, #009651, #68e399, #a9ffc9

## Questions about #3bbc74

### What color is #3bbc74?

#3bbc74 is bright light emerald. The closest named color is Esmeralda. In RGB it is rgb(59, 188, 116), in HSL hsl(146.51, 52.23%, 48.43%) and in OKLCH oklch(70.77% 0.15377 154.491).

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

The complementary color of #3bbc74 is #da79c7. For a calmer combination use the analogous colors #8cb035 and #00bdac. The triadic partners are #8597ff and #f1795c.

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

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

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

#3bbc74 is a cool color. In OKLCH its hue is 154 degrees, its lightness 70.8% and its chroma 0.154.