# Color #67bea2: Suave tono claro de esmeralda

#67bea2 es rgb(103, 190, 162) en RGB y oklch(73.885% 0.09465 170.607) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/67bea2

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #67bea2 |
| RGB | rgb(103, 190, 162) |
| HSL | hsl(160.69, 40.09%, 57.45%) |
| HSB / HSV | hsv(160.69 45.79% 74.51%) |
| HWB | hwb(160.69 40.39% 25.49%) |
| CMYK | cmyk(46% 0% 15% 25%) |
| Lab | lab(70.95 -32.59 5.62) |
| LCH | lch(70.95 33.07 170.21) |
| OKLab | oklab(73.885% -0.09338 0.01545) |
| OKLCH | oklch(73.885% 0.09465 170.607) |
| Display P3 | color(display-p3 0.48785 0.73689 0.64104) |
| Rec. 2020 | color(rec2020 0.51087 0.69593 0.60442) |
| Adobe RGB | color(a98-rgb 0.52624 0.73948 0.63444) |
| ProPhoto RGB | color(prophoto-rgb 0.50521 0.65995 0.58039) |
| sRGB lineal | color(srgb-linear 0.13563 0.51492 0.36131) |
| XYZ D65 | color(xyz-d65 0.30527 0.42318 0.40743) |
| XYZ D50 | color(xyz-d50 0.30916 0.42122 0.30989) |
| SwiftUI | Color(red: 0.404, green: 0.745, blue: 0.635) |
| UIKit | UIColor(red: 0.404, green: 0.745, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF67BEA2) |
| Android XML | #67BEA2 |

## Datos

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

## Más claros (con blanco)

#67bea2, #78c5ab, #88cbb4, #98d2bd, #a7d8c6, #b6dfd0, #c5e5d9, #d3ece2, #e2f2ec, #f1f9f5

## Más oscuros (con negro)

#67bea2, #59a58c, #4b8c77, #3d7563, #305e4f, #23483c, #17332a, #0c1f19, #040d0a, #000201

## Más sobrios (con gris)

#67bea2, #70bca3, #78baa4, #7fb8a5, #87b7a5, #8db5a6, #94b3a7, #9ab1a8, #9fafa9, #a5aca9

## Armonías

- Complementaria: #67bea2, #d992b2
- Dividida: #67bea2, #c697cf, #e09291
- Análoga: #67bea2, #8aba81, #57bcc3
- Triádica: #67bea2, #aaa0e2, #db9973
- Tetrádica: #67bea2, #67b6db, #d992b2, #db9973
- Cuadrada: #67bea2, #88abe7, #d992b2, #c9a463
- Monocromática: #67bea2, #0d745b, #3f987e, #8ee5c8, #c2ffee

## Preguntas sobre #67bea2

### ¿Qué color es #67bea2?

#67bea2 es un suave tono claro de esmeralda. El color con nombre más cercano es Suave tono claro de esmeralda. En RGB es rgb(103, 190, 162), en HSL hsl(160.69, 40.09%, 57.45%) y en OKLCH oklch(73.885% 0.09465 170.607).

### ¿Qué colores combinan con #67bea2?

El color complementario de #67bea2 es #d992b2. Para una combinación más tranquila, usa los colores análogos #8aba81 y #57bcc3. Los colores de la tríada son #aaa0e2 y #db9973.

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

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

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

#67bea2 es un color frío. En OKLCH su matiz es de 171 grados, su luminosidad 73,9 % y su croma 0.095.