# Color #63af89: Suave tono de esmeralda

#63af89 es rgb(99, 175, 137) en RGB y oklch(69.395% 0.09521 160.741) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/63af89

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #63af89 |
| RGB | rgb(99, 175, 137) |
| HSL | hsl(150, 32.2%, 53.73%) |
| HSB / HSV | hsv(150 43.43% 68.63%) |
| HWB | hwb(150 38.82% 31.37%) |
| CMYK | cmyk(43% 0% 22% 31%) |
| Lab | lab(65.77 -31.39 11.87) |
| LCH | lch(65.77 33.55 159.29) |
| OKLab | oklab(69.395% -0.08988 0.0314) |
| OKLCH | oklch(69.395% 0.09521 160.741) |
| Display P3 | color(display-p3 0.45983 0.67896 0.54776) |
| Rec. 2020 | color(rec2020 0.46842 0.63317 0.50424) |
| Adobe RGB | color(a98-rgb 0.49326 0.68035 0.53961) |
| ProPhoto RGB | color(prophoto-rgb 0.45542 0.59584 0.48221) |
| sRGB lineal | color(srgb-linear 0.12477 0.42869 0.25016) |
| XYZ D65 | color(xyz-d65 0.2499 0.35118 0.29129) |
| XYZ D50 | color(xyz-d50 0.25531 0.35025 0.22199) |
| SwiftUI | Color(red: 0.388, green: 0.686, blue: 0.537) |
| UIKit | UIColor(red: 0.388, green: 0.686, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF63AF89) |
| Android XML | #63AF89 |

## Datos

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

## Más claros (con blanco)

#63af89, #74b794, #84bfa0, #94c7ab, #a3cfb7, #b3d7c3, #c2dfce, #d1e7da, #e0efe7, #f0f7f3

## Más oscuros (con negro)

#63af89, #559876, #478164, #3a6b53, #2e5642, #214131, #162e22, #0b1c14, #030b07, #000101

## Más sobrios (con gris)

#63af89, #6aad8b, #71ac8d, #77aa8f, #7ea891, #83a693, #89a495, #8ea297, #93a099, #989e9b

## Armonías

- Complementaria: #63af89, #c585ae
- Dividida: #63af89, #af8cc8, #d0838e
- Análoga: #63af89, #88a969, #48afaa
- Triádica: #63af89, #9296d7, #cf886e
- Tetrádica: #63af89, #4faac6, #c585ae, #cf886e
- Cuadrada: #63af89, #6fa1d6, #c585ae, #c29258
- Monocromática: #63af89, #116644, #3d8a66, #89d6ae, #b0fed4

## Preguntas sobre #63af89

### ¿Qué color es #63af89?

#63af89 es un suave tono de esmeralda. El color con nombre más cercano es Suave tono de esmeralda. En RGB es rgb(99, 175, 137), en HSL hsl(150, 32.2%, 53.73%) y en OKLCH oklch(69.395% 0.09521 160.741).

### ¿Qué colores combinan con #63af89?

El color complementario de #63af89 es #c585ae. Para una combinación más tranquila, usa los colores análogos #88a969 y #48afaa. Los colores de la tríada son #9296d7 y #cf886e.

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

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

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

#63af89 es un color frío. En OKLCH su matiz es de 161 grados, su luminosidad 69,4 % y su croma 0.095.