# Cor #a2a367: Suave tom claro de amarelo

#a2a367 é rgb(162, 163, 103) em RGB e oklch(70.033% 0.08075 109.134) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Fonte: https://pickshade.com/pt/color/a2a367

## Formatos

| Formato | Valor |
| --- | --- |
| HEX | #a2a367 |
| RGB | rgb(162, 163, 103) |
| HSL | hsl(61, 24.59%, 52.16%) |
| HSB / HSV | hsv(61 36.81% 63.92%) |
| HWB | hwb(61 40.39% 36.08%) |
| CMYK | cmyk(1% 0% 37% 36%) |
| Lab | lab(65.84 -7.31 31.06) |
| LCH | lch(65.84 31.91 103.24) |
| OKLab | oklab(70.033% -0.02647 0.07629) |
| OKLCH | oklch(70.033% 0.08075 109.134) |
| Display P3 | color(display-p3 0.63599 0.63909 0.43171) |
| Rec. 2020 | color(rec2020 0.58888 0.5977 0.38211) |
| Adobe RGB | color(a98-rgb 0.63057 0.63336 0.41576) |
| ProPhoto RGB | color(prophoto-rgb 0.54125 0.56626 0.36946) |
| sRGB linear | color(srgb-linear 0.36131 0.36625 0.13563) |
| XYZ D65 | color(xyz-d65 0.30444 0.34855 0.17956) |
| XYZ D50 | color(xyz-d50 0.31802 0.35117 0.13744) |
| SwiftUI | Color(red: 0.635, green: 0.639, blue: 0.404) |
| UIKit | UIColor(red: 0.635, green: 0.639, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFA2A367) |
| Android XML | #A2A367 |

## Dados

- Nome mais próximo: Suave tom claro de amarelo
- Família de matiz: Amarelo, suave tom claro de amarelo
- Classe do Tailwind mais próxima: olive-400
- Gamut: Dentro do sRGB: aparece igual em qualquer tela.
- Contraste com branco: 2.63:1
- Contraste com preto: 7.97:1

## Versões mais claras

#a2a367, #abac76, #b4b585, #bdbe94, #c6c7a3, #cfd0b2, #d9dac2, #e2e3d1, #ecece0, #f5f6f0

## Versões mais escuras

#a2a367, #8c8d59, #77784b, #63633d, #4f4f30, #3c3c23, #2a2a17, #19190c, #0a0a04, #010100

## Versões acinzentadas

#a2a367, #a2a36d, #a1a273, #a1a279, #a0a17f, #a0a184, #a0a18a, #9fa08f, #9f9f94, #9f9f99

## Harmonias

- Complementar: #a2a367, #9d97ce
- Dividida: #a2a367, #80a0d1, #b58fbf
- Análoga: #a2a367, #ba9964, #85ab7b
- Triádica: #a2a367, #66a8c7, #c58aa6
- Tetrádica: #a2a367, #69af96, #9d97ce, #c58aa6
- Quadrada: #a2a367, #5baeb2, #9d97ce, #cc8a8a
- Monocromática: #a2a367, #5c5c20, #7e7e43, #c8c98c, #eff0b2

## Perguntas sobre #a2a367

### Que cor é #a2a367?

#a2a367 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(162, 163, 103), em HSL hsl(61, 24.59%, 52.16%) e em OKLCH oklch(70.033% 0.08075 109.134).

### Quais cores combinam com #a2a367?

A cor complementar de #a2a367 é #9d97ce. Para uma combinação mais tranquila, use as cores análogas #ba9964 e #85ab7b. As parceiras da tríade são #66a8c7 e #c58aa6.

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

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

### #a2a367 é uma cor quente ou fria?

#a2a367 é uma cor neutra. Em OKLCH, o matiz é de 109 graus, a luminosidade 70% e o croma 0.081.
