# Color #5ab87f: Intenso tono claro de esmeralda

#5ab87f es rgb(90, 184, 127) en RGB y oklch(70.992% 0.12336 154.953) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/5ab87f

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5ab87f |
| RGB | rgb(90, 184, 127) |
| HSL | hsl(143.62, 39.83%, 53.73%) |
| HSB / HSV | hsv(143.62 51.09% 72.16%) |
| HWB | hwb(143.62 35.29% 27.84%) |
| CMYK | cmyk(51% 0% 31% 28%) |
| Lab | lab(67.96 -39.08 20.17) |
| LCH | lch(67.96 43.98 152.7) |
| OKLab | oklab(70.992% -0.11176 0.05223) |
| OKLCH | oklch(70.992% 0.12336 154.953) |
| Display P3 | color(display-p3 0.4482 0.71305 0.51656) |
| Rec. 2020 | color(rec2020 0.46941 0.66835 0.47246) |
| Adobe RGB | color(a98-rgb 0.49146 0.71578 0.50567) |
| ProPhoto RGB | color(prophoto-rgb 0.45485 0.6295 0.45444) |
| sRGB lineal | color(srgb-linear 0.10224 0.47932 0.21223) |
| XYZ D65 | color(xyz-d65 0.25186 0.37986 0.26084) |
| XYZ D50 | color(xyz-d50 0.25956 0.37923 0.19951) |
| SwiftUI | Color(red: 0.353, green: 0.722, blue: 0.498) |
| UIKit | UIColor(red: 0.353, green: 0.722, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFF5AB87F) |
| Android XML | #5AB87F |

## Datos

- Nombre más cercano: Intenso tono claro de esmeralda
- Familia de color: Esmeralda, intenso tono claro de esmeralda
- Clase de Tailwind más cercana: emerald-500
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 2.44:1
- Contraste con negro: 8.6:1

## Más claros (con blanco)

#5ab87f, #6dbf8b, #7fc698, #90cea5, #a0d5b1, #b0dcbe, #c0e3cb, #d0ead8, #e0f1e5, #eff8f2

## Más oscuros (con negro)

#5ab87f, #4da06e, #41885d, #35714c, #295b3c, #1e452d, #13311f, #091e11, #030c06, #000201

## Más sobrios (con gris)

#5ab87f, #64b683, #6db486, #75b28a, #7cb08d, #83ad91, #8aab94, #90a997, #96a69b, #9ca49e

## Armonías

- Complementaria: #5ab87f, #d183c0
- Dividida: #5ab87f, #b38ddf, #e17f97
- Análoga: #5ab87f, #90af54, #0fbaab
- Triádica: #5ab87f, #8b9aee, #e3846c
- Tetrádica: #5ab87f, #10b4d1, #d183c0, #e3846c
- Cuadrada: #5ab87f, #58a9e9, #d183c0, #d69046
- Monocromática: #5ab87f, #006e3a, #31925c, #81dfa4, #adffcc

## Preguntas sobre #5ab87f

### ¿Qué color es #5ab87f?

#5ab87f es un intenso tono claro de esmeralda. El color con nombre más cercano es Intenso tono claro de esmeralda. En RGB es rgb(90, 184, 127), en HSL hsl(143.62, 39.83%, 53.73%) y en OKLCH oklch(70.992% 0.12336 154.953).

### ¿Qué colores combinan con #5ab87f?

El color complementario de #5ab87f es #d183c0. Para una combinación más tranquila, usa los colores análogos #90af54 y #0fbaab. Los colores de la tríada son #8b9aee y #e3846c.

### ¿Se lee mejor el texto blanco o el negro sobre #5ab87f?

Sobre #5ab87f se lee mejor el texto negro: el blanco da una relación de contraste de 2.44:1 y el negro de 8.6:1. WCAG AA pide al menos 4,5:1 para el texto normal.

### ¿#5ab87f es un color cálido o frío?

#5ab87f es un color frío. En OKLCH su matiz es de 155 grados, su luminosidad 71 % y su croma 0.123.