# Cor #5acca3: Intenso tom claro de esmeralda

#5acca3 é rgb(90, 204, 163) em RGB e oklch(76.798% 0.12067 166.769) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

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

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #5acca3 |
| RGB | rgb(90, 204, 163) |
| HSL | hsl(158.42, 52.78%, 57.65%) |
| HSB / HSV | hsv(158.42 55.88% 80%) |
| HWB | hwb(158.42 35.29% 20%) |
| CMYK | cmyk(56% 0% 20% 20%) |
| Lab | lab(74.69 -41.32 10.27) |
| LCH | lch(74.69 42.58 166.05) |
| OKLab | oklab(76.798% -0.11747 0.02762) |
| OKLCH | oklch(76.798% 0.12067 166.769) |
| Display P3 | color(display-p3 0.47461 0.7901 0.64914) |
| Rec. 2020 | color(rec2020 0.51947 0.75193 0.61433) |
| Adobe RGB | color(a98-rgb 0.52766 0.79502 0.64099) |
| ProPhoto RGB | color(prophoto-rgb 0.51697 0.7158 0.59246) |
| sRGB linear | color(srgb-linear 0.10224 0.60383 0.36625) |
| XYZ D65 | color(xyz-d65 0.32418 0.48002 0.42208) |
| XYZ D50 | color(xyz-d50 0.32955 0.47783 0.32158) |
| SwiftUI | Color(red: 0.353, green: 0.8, blue: 0.639) |
| UIKit | UIColor(red: 0.353, green: 0.8, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF5ACCA3) |
| Android XML | #5ACCA3 |

## Dados

- Nome mais próximo: Intenso tom claro de esmeralda
- Família de matiz: Esmeralda, intenso tom claro de esmeralda
- Classe do Tailwind mais próxima: teal-400
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 1.98:1
- Contraste com preto: 10.6:1

## Versões mais claras

#5acca3, #6fd1ac, #82d7b5, #93dcbe, #a3e1c7, #b3e6d0, #c3ebd9, #d2f0e3, #e1f5ec, #f0faf6

## Versões mais escuras

#5acca3, #4db18d, #419778, #357e63, #29654f, #1e4e3c, #13372a, #092219, #030f0a, #000201

## Versões acinzentadas

#5acca3, #67caa5, #73c8a6, #7dc5a8, #86c3aa, #8fc0ab, #97bead, #9fbbaf, #a6b9b0, #adb6b2

## Harmonias

- Complementar: #5acca3, #eb93c3
- Dividida: #5acca3, #d29be7, #f79398
- Análoga: #5acca3, #8fc577, #33cbce
- Triádica: #5acca3, #aea7fd, #f39b6f
- Tetrádica: #5acca3, #4ec3ef, #eb93c3, #f39b6f
- Quadrada: #5acca3, #81b6ff, #eb93c3, #dfa953
- Monocromática: #5acca3, #00805c, #2ba67f, #83f4c9, #c4ffea

## Perguntas sobre #5acca3

### Que cor é #5acca3?

#5acca3 é um intenso tom claro de esmeralda. A cor com nome mais próxima é Intenso tom claro de esmeralda. Em RGB é rgb(90, 204, 163), em HSL hsl(158.42, 52.78%, 57.65%) e em OKLCH oklch(76.798% 0.12067 166.769).

### Quais cores combinam com #5acca3?

A cor complementar de #5acca3 é #eb93c3. Para uma combinação mais tranquila, use as cores análogas #8fc577 e #33cbce. As parceiras da tríade são #aea7fd e #f39b6f.

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

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

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

#5acca3 é uma cor fria. Em OKLCH, o matiz é de 167 graus, a luminosidade 76,8% e o croma 0.121.