# Color #00a677: Intenso tono de esmeralda

#00a677 es rgb(0, 166, 119) en RGB y oklch(64.222% 0.13595 164.489) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/00a677

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #00a677 |
| RGB | rgb(0, 166, 119) |
| HSL | hsl(163.01, 100%, 32.55%) |
| HSB / HSV | hsv(163.01 100% 65.1%) |
| HWB | hwb(163.01 0% 34.9%) |
| CMYK | cmyk(100% 0% 28% 35%) |
| Lab | lab(60.3 -46.73 13.71) |
| LCH | lch(60.3 48.7 163.65) |
| OKLab | oklab(64.222% -0.131 0.03635) |
| OKLCH | oklch(64.222% 0.13595 164.489) |
| Display P3 | color(display-p3 0.28856 0.64112 0.47952) |
| Rec. 2020 | color(rec2020 0.34499 0.58852 0.43205) |
| Adobe RGB | color(a98-rgb 0.36445 0.64508 0.47283) |
| ProPhoto RGB | color(prophoto-rgb 0.35091 0.54762 0.41408) |
| sRGB lineal | color(srgb-linear 0 0.38133 0.18447) |
| XYZ D65 | color(xyz-d65 0.16965 0.28603 0.2208) |
| XYZ D50 | color(xyz-d50 0.17326 0.28455 0.16875) |
| SwiftUI | Color(red: 0, green: 0.651, blue: 0.467) |
| UIKit | UIColor(red: 0, green: 0.651, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF00A677) |
| Android XML | #00A677 |

## Datos

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

## Más claros (con blanco)

#00a677, #3baf84, #58b891, #70c19e, #86caac, #9bd3b9, #b0dcc7, #c4e5d5, #d8ede3, #ebf6f1

## Más oscuros (con negro)

#00a677, #009067, #007a57, #006547, #005138, #003e2a, #002b1c, #001a10, #000a05, #000101

## Más sobrios (con gris)

#00a677, #2ca479, #40a17c, #4e9f7e, #5a9d80, #659a82, #6e9884, #769586, #7e9289, #86908b

## Armonías

- Complementaria: #00a677, #c568a0
- Dividida: #00a677, #ab71c6, #d26673
- Análoga: #00a677, #689e44, #00a4a4
- Triádica: #00a677, #857fdc, #cf6e41
- Tetrádica: #00a677, #009dca, #c568a0, #cf6e41
- Cuadrada: #00a677, #4e8fdd, #c568a0, #bd7e00
- Monocromática: #00a677, #005a38, #008155, #49cd9b, #75f4c1

## Preguntas sobre #00a677

### ¿Qué color es #00a677?

#00a677 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(0, 166, 119), en HSL hsl(163.01, 100%, 32.55%) y en OKLCH oklch(64.222% 0.13595 164.489).

### ¿Qué colores combinan con #00a677?

El color complementario de #00a677 es #c568a0. Para una combinación más tranquila, usa los colores análogos #689e44 y #00a4a4. Los colores de la tríada son #857fdc y #cf6e41.

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

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

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

#00a677 es un color frío. En OKLCH su matiz es de 164 grados, su luminosidad 64,2 % y su croma 0.136.