# Color #3a8564: Intenso tono de esmeralda

#3a8564 es rgb(58, 133, 100) en RGB y oklch(55.961% 0.09147 162.276) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/3a8564

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #3a8564 |
| RGB | rgb(58, 133, 100) |
| HSL | hsl(153.6, 39.27%, 37.45%) |
| HSB / HSV | hsv(153.6 56.39% 52.16%) |
| HWB | hwb(153.6 22.75% 47.84%) |
| CMYK | cmyk(56% 0% 25% 48%) |
| Lab | lab(50.13 -30.64 10.52) |
| LCH | lch(50.13 32.4 161.06) |
| OKLab | oklab(55.961% -0.08712 0.02785) |
| OKLCH | oklch(55.961% 0.09147 162.276) |
| Display P3 | color(display-p3 0.30639 0.51498 0.40124) |
| Rec. 2020 | color(rec2020 0.30667 0.45693 0.34784) |
| Adobe RGB | color(a98-rgb 0.34628 0.51718 0.39801) |
| ProPhoto RGB | color(prophoto-rgb 0.30469 0.42311 0.33359) |
| sRGB lineal | color(srgb-linear 0.04231 0.23455 0.12744) |
| XYZ D65 | color(xyz-d65 0.12432 0.18594 0.14991) |
| XYZ D50 | color(xyz-d50 0.12702 0.18529 0.11436) |
| SwiftUI | Color(red: 0.227, green: 0.522, blue: 0.392) |
| UIKit | UIColor(red: 0.227, green: 0.522, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFF3A8564) |
| Android XML | #3A8564 |

## Datos

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

## Más claros (con blanco)

#3a8564, #509172, #649d81, #78a990, #8bb59f, #9ec1af, #b1cdbe, #c4dace, #d8e6de, #ebf2ef

## Más oscuros (con negro)

#3a8564, #317356, #286148, #20503b, #18402e, #103022, #092116, #04130b, #010603, #000100

## Más sobrios (con gris)

#3a8564, #428366, #4a8267, #508069, #577f6b, #5c7d6c, #617b6e, #667a6f, #6b7871, #707673

## Armonías

- Complementaria: #3a8564, #995e83
- Dividida: #3a8564, #87649b, #a25d66
- Análoga: #3a8564, #608046, #168582
- Triádica: #3a8564, #6c6da9, #a16148
- Tetrádica: #3a8564, #25809b, #995e83, #a16148
- Cuadrada: #3a8564, #4b77a9, #995e83, #956b32
- Monocromática: #3a8564, #004024, #0c6243, #60aa87, #86d0ac

## Preguntas sobre #3a8564

### ¿Qué color es #3a8564?

#3a8564 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(58, 133, 100), en HSL hsl(153.6, 39.27%, 37.45%) y en OKLCH oklch(55.961% 0.09147 162.276).

### ¿Qué colores combinan con #3a8564?

El color complementario de #3a8564 es #995e83. Para una combinación más tranquila, usa los colores análogos #608046 y #168582. Los colores de la tríada son #6c6da9 y #a16148.

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

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

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

#3a8564 es un color frío. En OKLCH su matiz es de 162 grados, su luminosidad 56 % y su croma 0.091.