# #4abc7c color: Esmeralda

#4abc7c is rgb(74, 188, 124) in RGB and oklch(71.359% 0.14012 155.535) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4abc7c

## Formats

| Format | Value |
| --- | --- |
| HEX | #4abc7c |
| RGB | rgb(74, 188, 124) |
| HSL | hsl(146.32, 45.97%, 51.37%) |
| HSB / HSV | hsv(146.32 60.64% 73.73%) |
| HWB | hwb(146.32 29.02% 26.27%) |
| CMYK | cmyk(61% 0% 34% 26%) |
| Lab | lab(68.6 -44.84 22.49) |
| LCH | lch(68.6 50.16 153.36) |
| OKLab | oklab(71.359% -0.12754 0.05803) |
| OKLCH | oklch(71.359% 0.14012 155.535) |
| Display P3 | color(display-p3 0.41769 0.72771 0.50755) |
| Rec. 2020 | color(rec2020 0.45377 0.68292 0.46353) |
| Adobe RGB | color(a98-rgb 0.47244 0.73157 0.49602) |
| ProPhoto RGB | color(prophoto-rgb 0.44263 0.64303 0.44705) |
| Linear sRGB | color(srgb-linear 0.06848 0.50289 0.20156) |
| XYZ D65 | color(xyz-d65 0.24444 0.38876 0.25285) |
| XYZ D50 | color(xyz-d50 0.25239 0.38797 0.19371) |
| SwiftUI | Color(red: 0.29, green: 0.737, blue: 0.486) |
| UIKit | UIColor(red: 0.29, green: 0.737, blue: 0.486, alpha: 1) |
| Flutter / Compose | Color(0xFF4ABC7C) |
| Android XML | #4ABC7C |

## 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.39:1
- Contrast with black: 8.78:1

## Tints

#4abc7c, #61c389, #76ca96, #88d1a3, #9ad8b0, #acdebd, #bde5ca, #cdebd7, #def2e4, #eff9f2

## Shades

#4abc7c, #3fa36b, #358b5a, #2a734a, #205d3b, #17472c, #0e321e, #061f11, #020d05, #000201

## Tones

#4abc7c, #58ba80, #63b784, #6db588, #77b38c, #7fb090, #87ae94, #8eab98, #95a89b, #9ca59f

## Harmonies

- Complementary: #4abc7c, #d87fc4
- Split: #4abc7c, #b88ae8, #ea7a96
- Analogous: #4abc7c, #8eb247, #00beaf
- Triadic: #4abc7c, #8b9af9, #ec8063
- Tetradic: #4abc7c, #00b7d9, #d87fc4, #ec8063
- Square: #4abc7c, #4caaf4, #d87fc4, #dd8e32
- Monochromatic: #4abc7c, #007137, #149659, #74e3a1, #b2ffd0

## Questions about #4abc7c

### What color is #4abc7c?

#4abc7c is bright light emerald. The closest named color is Esmeralda. In RGB it is rgb(74, 188, 124), in HSL hsl(146.32, 45.97%, 51.37%) and in OKLCH oklch(71.359% 0.14012 155.535).

### What colors go well with #4abc7c?

The complementary color of #4abc7c is #d87fc4. For a calmer combination use the analogous colors #8eb247 and #00beaf. The triadic partners are #8b9af9 and #ec8063.

### Is white or black text more readable on #4abc7c?

Black text reads better on #4abc7c: white gives a contrast ratio of 2.39:1 and black gives 8.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4abc7c a warm or cool color?

#4abc7c is a cool color. In OKLCH its hue is 156 degrees, its lightness 71.4% and its chroma 0.14.