Sienna — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #A0522D | |
| RGB | rgb(160, 82, 45) | |
| HSL | hsl(19, 56%, 40%) |
Tons escuros de Sienna
| #8F4928 | #7F4124 | #6F391F | #5F311B | #502916 | #402012 | #30180D | #201009 |
Tons claros de Sienna
| #B75D34 | #C96B40 | #D07E58 | #D79070 | #DDA388 | #E4B5A0 | #EBC8B7 | #F2DACF |
Combinações de Cores & Harmonia
|
Complementar
#2D7B9F
|
Análogo +30°
#9F8A2D
|
Análogo −30°
#9F2D42
|
Triádico +120°
#2D9F51
|
Triádico −120°
#512D9F
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #A0522D;
}
.element-bg {
background-color: #A0522D;
color: #ffffff;
}
.element-border {
border: 2px solid #A0522D;
}
Sobre Sienna
Sienna é uma cor média com alta saturação, definida pelo código hex #A0522D. Seus valores exatos no modelo de cor são rgb(160, 82, 45) em RGB e hsl(19, 56%, 40%) em HSL (matiz 19°, saturação 56%, luminosidade 40%). Sobre um fundo branco, a proporção de contraste é 5.62:1 — AA aprovado para texto normal, e sobre preto é 3.74:1 — AA aprovado apenas para texto grande. Use Sienna em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.
Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.
Abrir o Seletor de Cores →