# Color #33a577: Intenso tono de esmeralda

#33a577 es rgb(51, 165, 119) en RGB y oklch(64.653% 0.12322 162.188) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/33a577

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #33a577 |
| RGB | rgb(51, 165, 119) |
| HSL | hsl(155.79, 52.78%, 42.35%) |
| HSB / HSV | hsv(155.79 69.09% 64.71%) |
| HWB | hwb(155.79 20% 35.29%) |
| CMYK | cmyk(69% 0% 28% 35%) |
| Lab | lab(60.63 -41.54 14.29) |
| LCH | lch(60.63 43.93 161.01) |
| OKLab | oklab(64.653% -0.11731 0.03769) |
| OKLCH | oklch(64.653% 0.12322 162.188) |
| Display P3 | color(display-p3 0.33895 0.63812 0.47975) |
| Rec. 2020 | color(rec2020 0.37254 0.58643 0.43217) |
| Adobe RGB | color(a98-rgb 0.39665 0.64117 0.4726) |
| ProPhoto RGB | color(prophoto-rgb 0.37081 0.54657 0.41403) |
| sRGB lineal | color(srgb-linear 0.0331 0.37626 0.18447) |
| XYZ D65 | color(xyz-d65 0.18149 0.28945 0.22084) |
| XYZ D50 | color(xyz-d50 0.18575 0.28829 0.16872) |
| SwiftUI | Color(red: 0.2, green: 0.647, blue: 0.467) |
| UIKit | UIColor(red: 0.2, green: 0.647, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF33A577) |
| Android XML | #33A577 |

## 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.09:1
- Contraste con negro: 6.79:1

## Más claros (con blanco)

#33a577, #4fae84, #66b791, #7bc09e, #8fc9ac, #a2d2b9, #b5dbc7, #c7e4d5, #daede3, #ecf6f1

## Más oscuros (con negro)

#33a577, #2b8f67, #237957, #1c6547, #145138, #0d3d2a, #072b1c, #031a10, #010a05, #000101

## Más sobrios (con gris)

#33a577, #43a379, #4fa17c, #5a9f7e, #639c81, #6c9a83, #739885, #7b9687, #81938a, #88918c

## Armonías

- Complementaria: #33a577, #c16ea3
- Dividida: #33a577, #a777c4, #cd6c7a
- Análoga: #33a577, #719e4a, #00a5a2
- Triádica: #33a577, #8383d7, #cc734f
- Tetrádica: #33a577, #009ec4, #c16ea3, #cc734f
- Cuadrada: #33a577, #5291d7, #c16ea3, #bc8028
- Monocromática: #33a577, #005b36, #008055, #5fcb9b, #88f3c1

## Preguntas sobre #33a577

### ¿Qué color es #33a577?

#33a577 es un intenso tono de esmeralda. El color con nombre más cercano es Intenso tono de esmeralda. En RGB es rgb(51, 165, 119), en HSL hsl(155.79, 52.78%, 42.35%) y en OKLCH oklch(64.653% 0.12322 162.188).

### ¿Qué colores combinan con #33a577?

El color complementario de #33a577 es #c16ea3. Para una combinación más tranquila, usa los colores análogos #719e4a y #00a5a2. Los colores de la tríada son #8383d7 y #cc734f.

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

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

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

#33a577 es un color frío. En OKLCH su matiz es de 162 grados, su luminosidad 64,7 % y su croma 0.123.