# Color #5ccf96: Intenso tono claro de esmeralda

#5ccf96 es rgb(92, 207, 150) en RGB y oklch(77.285% 0.1342 159.236) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Fuente: https://pickshade.com/es/color/5ccf96

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5ccf96 |
| RGB | rgb(92, 207, 150) |
| HSL | hsl(150.26, 54.5%, 58.63%) |
| HSB / HSV | hsv(150.26 55.56% 81.18%) |
| HWB | hwb(150.26 36.08% 18.82%) |
| CMYK | cmyk(56% 0% 28% 19%) |
| Lab | lab(75.43 -44.13 18.15) |
| LCH | lch(75.43 47.72 157.64) |
| OKLab | oklab(77.285% -0.12548 0.04758) |
| OKLCH | oklch(77.285% 0.1342 159.236) |
| Display P3 | color(display-p3 0.48318 0.80175 0.60524) |
| Rec. 2020 | color(rec2020 0.52639 0.76409 0.56803) |
| Adobe RGB | color(a98-rgb 0.53653 0.80697 0.59405) |
| ProPhoto RGB | color(prophoto-rgb 0.5175 0.72757 0.54844) |
| sRGB lineal | color(srgb-linear 0.10702 0.62396 0.30499) |
| XYZ D65 | color(xyz-d65 0.3223 0.49101 0.36634) |
| XYZ D50 | color(xyz-d50 0.33063 0.48961 0.27986) |
| SwiftUI | Color(red: 0.361, green: 0.812, blue: 0.588) |
| UIKit | UIColor(red: 0.361, green: 0.812, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFF5CCF96) |
| Android XML | #5CCF96 |

## Datos

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

## Más claros (con blanco)

#5ccf96, #71d4a0, #83d9ab, #94deb5, #a4e3bf, #b4e8ca, #c4edd4, #d3f1df, #e2f6ea, #f0faf4

## Más oscuros (con negro)

#5ccf96, #4fb482, #42996e, #367f5b, #2a6749, #1f4f37, #143826, #0a2316, #031008, #000201

## Más sobrios (con gris)

#5ccf96, #69cd99, #74ca9d, #7ec8a0, #88c5a3, #90c3a6, #98c0a9, #a0bdac, #a7bbaf, #aeb8b2

## Armonías

- Complementaria: #5ccf96, #ed92d1
- Dividida: #5ccf96, #ce9cf6, #fd8fa3
- Análoga: #5ccf96, #9ac665, #00d0c7
- Triádica: #5ccf96, #a3abff, #fd9573
- Tetrádica: #5ccf96, #24c8ef, #ed92d1, #fd9573
- Cuadrada: #5ccf96, #6dbbff, #ed92d1, #eca44b
- Monocromática: #5ccf96, #00834f, #2ea872, #85f7bc, #c7ffe2

## Preguntas sobre #5ccf96

### ¿Qué color es #5ccf96?

#5ccf96 es un intenso tono claro de esmeralda. El color con nombre más cercano es Intenso tono claro de esmeralda. En RGB es rgb(92, 207, 150), en HSL hsl(150.26, 54.5%, 58.63%) y en OKLCH oklch(77.285% 0.1342 159.236).

### ¿Qué colores combinan con #5ccf96?

El color complementario de #5ccf96 es #ed92d1. Para una combinación más tranquila, usa los colores análogos #9ac665 y #00d0c7. Los colores de la tríada son #a3abff y #fd9573.

### ¿Se lee mejor el texto blanco o el negro sobre #5ccf96?

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

### ¿#5ccf96 es un color cálido o frío?

#5ccf96 es un color frío. En OKLCH su matiz es de 159 grados, su luminosidad 77,3 % y su croma 0.134.