# Cor #5bb596: Suave tom claro de esmeralda

#5bb596 é rgb(91, 181, 150) em RGB e oklch(70.856% 0.09888 168.657) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/5bb596

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5bb596 |
| RGB | rgb(91, 181, 150) |
| HSL | hsl(159.33, 37.82%, 53.33%) |
| HSB / HSV | hsv(159.33 49.72% 70.98%) |
| HWB | hwb(159.33 35.69% 29.02%) |
| CMYK | cmyk(50% 0% 17% 29%) |
| Lab | lab(67.5 -33.95 7.16) |
| LCH | lch(67.5 34.69 168.09) |
| OKLab | oklab(70.856% -0.09694 0.01945) |
| OKLCH | oklch(70.856% 0.09888 168.657) |
| Display P3 | color(display-p3 0.44682 0.70156 0.59517) |
| Rec. 2020 | color(rec2020 0.46922 0.65702 0.55486) |
| Adobe RGB | color(a98-rgb 0.48802 0.70395 0.58836) |
| ProPhoto RGB | color(prophoto-rgb 0.46376 0.61961 0.53107) |
| sRGB linear | color(srgb-linear 0.10462 0.46208 0.30499) |
| XYZ D65 | color(xyz-d65 0.26342 0.37473 0.347) |
| XYZ D50 | color(xyz-d50 0.26723 0.37302 0.26411) |
| SwiftUI | Color(red: 0.357, green: 0.71, blue: 0.588) |
| UIKit | UIColor(red: 0.357, green: 0.71, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFF5BB596) |
| Android XML | #5BB596 |

## Dados

- Nome mais próximo: Suave tom claro de esmeralda
- Família de matiz: Esmeralda, suave tom claro de esmeralda
- Classe do Tailwind mais próxima: teal-500
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 2.47:1
- Contraste com preto: 8.49:1

## Versões mais claras

#5bb596, #6ebca0, #7fc4aa, #90cbb4, #a0d3bf, #b1dac9, #c0e2d4, #d0e9df, #e0f0e9, #eff8f4

## Versões mais escuras

#5bb596, #4e9d82, #41866e, #356f5b, #295949, #1e4437, #133026, #091d16, #030c08, #000201

## Versões acinzentadas

#5bb596, #65b397, #6db198, #75af99, #7cad9a, #83ab9c, #8aa99d, #90a79e, #96a59f, #9ba3a0

## Harmonias

- Complementar: #5bb596, #cf87ab
- Dividida: #5bb596, #bc8dc9, #d88789
- Análoga: #5bb596, #81b074, #45b4b8
- Triádica: #5bb596, #9e97db, #d48e69
- Tetrádica: #5bb596, #57add2, #cf87ab, #d48e69
- Quadrada: #5bb596, #7ba2df, #cf87ab, #c39a56
- Monocromática: #5bb596, #006c50, #329072, #82dcbb, #a9ffe2

## Perguntas sobre #5bb596

### Que cor é #5bb596?

#5bb596 é um suave tom claro de esmeralda. A cor com nome mais próxima é Suave tom claro de esmeralda. Em RGB é rgb(91, 181, 150), em HSL hsl(159.33, 37.82%, 53.33%) e em OKLCH oklch(70.856% 0.09888 168.657).

### Quais cores combinam com #5bb596?

A cor complementar de #5bb596 é #cf87ab. Para uma combinação mais tranquila, use as cores análogas #81b074 e #45b4b8. As parceiras da tríade são #9e97db e #d48e69.

### Texto branco ou preto é mais legível sobre #5bb596?

O texto preto é mais legível sobre #5bb596: o branco dá uma razão de contraste de 2.47:1 e o preto, 8.49:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

### #5bb596 é uma cor quente ou fria?

#5bb596 é uma cor fria. Em OKLCH, o matiz é de 169 graus, a luminosidade 70,9% e o croma 0.099.