# Color #559777: Suave tono de esmeralda

#559777 es rgb(85, 151, 119) en RGB y oklch(62.3% 0.08412 161.532) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/559777

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #559777 |
| RGB | rgb(85, 151, 119) |
| HSL | hsl(150.91, 27.97%, 46.27%) |
| HSB / HSV | hsv(150.91 43.71% 59.22%) |
| HWB | hwb(150.91 33.33% 40.78%) |
| CMYK | cmyk(44% 0% 21% 41%) |
| Lab | lab(57.39 -27.86 10.04) |
| LCH | lch(57.39 29.62 160.17) |
| OKLab | oklab(62.3% -0.07979 0.02665) |
| OKLCH | oklch(62.3% 0.08412 161.532) |
| Display P3 | color(display-p3 0.39538 0.58579 0.47534) |
| Rec. 2020 | color(rec2020 0.39184 0.53336 0.4262) |
| Adobe RGB | color(a98-rgb 0.42602 0.58665 0.46951) |
| ProPhoto RGB | color(prophoto-rgb 0.38115 0.49735 0.40623) |
| sRGB lineal | color(srgb-linear 0.09084 0.30947 0.18447) |
| XYZ D65 | color(xyz-d65 0.18142 0.25396 0.21399) |
| XYZ D50 | color(xyz-d50 0.1852 0.25325 0.16304) |
| SwiftUI | Color(red: 0.333, green: 0.592, blue: 0.467) |
| UIKit | UIColor(red: 0.333, green: 0.592, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF559777) |
| Android XML | #559777 |

## Datos

- Nombre más cercano: Suave tono de esmeralda
- Familia de color: Esmeralda, suave tono de esmeralda
- Clase de Tailwind más cercana: teal-600
- Gama: Dentro de sRGB: se ve igual en cualquier pantalla.
- Contraste con blanco: 3.45:1
- Contraste con negro: 6.08:1

## Más claros (con blanco)

#559777, #67a184, #78ab91, #89b69e, #9ac0ab, #aacab9, #bbd5c7, #ccdfd4, #ddeae2, #eef4f1

## Más oscuros (con negro)

#559777, #498367, #3d6f57, #315c47, #264938, #1c372a, #11261c, #081710, #020805, #000101

## Más sobrios (con gris)

#559777, #5b9679, #61947a, #67927c, #6c917e, #718f7f, #768e81, #7a8c82, #7f8a84, #838985

## Armonías

- Complementaria: #559777, #aa7396
- Dividida: #559777, #9878ac, #b4727a
- Análoga: #559777, #75925c, #3f9794
- Triádica: #559777, #7e81b9, #b3765f
- Tetrádica: #559777, #4593ab, #aa7396, #b3765f
- Cuadrada: #559777, #618ab9, #aa7396, #a77e4c
- Monocromática: #559777, #015135, #307355, #7abd9b, #a0e4c1

## Preguntas sobre #559777

### ¿Qué color es #559777?

#559777 es un suave tono de esmeralda. El color con nombre más cercano es Suave tono de esmeralda. En RGB es rgb(85, 151, 119), en HSL hsl(150.91, 27.97%, 46.27%) y en OKLCH oklch(62.3% 0.08412 161.532).

### ¿Qué colores combinan con #559777?

El color complementario de #559777 es #aa7396. Para una combinación más tranquila, usa los colores análogos #75925c y #3f9794. Los colores de la tríada son #7e81b9 y #b3765f.

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

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

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

#559777 es un color frío. En OKLCH su matiz es de 162 grados, su luminosidad 62,3 % y su croma 0.084.