# Color #5aba94: Intenso tono claro de esmeralda

#5aba94 es rgb(90, 186, 148) en RGB y oklch(71.992% 0.10787 165.241) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5aba94 |
| RGB | rgb(90, 186, 148) |
| HSL | hsl(156.25, 41.03%, 54.12%) |
| HSB / HSV | hsv(156.25 51.61% 72.94%) |
| HWB | hwb(156.25 35.29% 27.06%) |
| CMYK | cmyk(52% 0% 20% 27%) |
| Lab | lab(68.95 -36.61 10.26) |
| LCH | lch(68.95 38.02 164.34) |
| OKLab | oklab(71.992% -0.10431 0.02748) |
| OKLCH | oklch(71.992% 0.10787 165.241) |
| Display P3 | color(display-p3 0.45076 0.72075 0.58994) |
| Rec. 2020 | color(rec2020 0.47762 0.67727 0.54978) |
| Adobe RGB | color(a98-rgb 0.495 0.72367 0.58205) |
| ProPhoto RGB | color(prophoto-rgb 0.47096 0.63956 0.5271) |
| sRGB lineal | color(srgb-linear 0.10224 0.49102 0.29614) |
| XYZ D65 | color(xyz-d65 0.27119 0.39428 0.34199) |
| XYZ D50 | color(xyz-d50 0.27607 0.39271 0.26056) |
| SwiftUI | Color(red: 0.353, green: 0.729, blue: 0.58) |
| UIKit | UIColor(red: 0.353, green: 0.729, blue: 0.58, alpha: 1) |
| Flutter / Compose | Color(0xFF5ABA94) |
| Android XML | #5ABA94 |

## 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: teal-500
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 2.36:1
- Contraste con negro: 8.89:1

## Más claros (con blanco)

#5aba94, #6dc19e, #7fc8a9, #90cfb3, #a1d6be, #b1ddc8, #c1e4d3, #d0ebde, #e0f1e9, #eff8f4

## Más oscuros (con negro)

#5aba94, #4da180, #41896d, #35725a, #295c48, #1e4636, #133226, #091e16, #030d08, #000201

## Más sobrios (con gris)

#5aba94, #64b896, #6eb697, #76b499, #7eb29b, #85b09c, #8cae9e, #93aba0, #99a9a1, #9fa7a3

## Armonías

- Complementaria: #5aba94, #d589b4
- Dividida: #5aba94, #be90d3, #e0888e
- Análoga: #5aba94, #87b46e, #3ab9ba
- Triádica: #5aba94, #9e9be5, #dd8e6a
- Tetrádica: #5aba94, #4cb2d7, #d589b4, #dd8e6a
- Cuadrada: #5aba94, #76a7e7, #d589b4, #cc9b52
- Monocromática: #5aba94, #00704e, #309470, #82e1b9, #b5ffe3

## Preguntas sobre #5aba94

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

#5aba94 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, 186, 148), en HSL hsl(156.25, 41.03%, 54.12%) y en OKLCH oklch(71.992% 0.10787 165.241).

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

El color complementario de #5aba94 es #d589b4. Para una combinación más tranquila, usa los colores análogos #87b46e y #3ab9ba. Los colores de la tríada son #9e9be5 y #dd8e6a.

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

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

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

#5aba94 es un color frío. En OKLCH su matiz es de 165 grados, su luminosidad 72 % y su croma 0.108.