Goldenrod — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #DAA520 | |
| RGB | rgb(218, 165, 32) | |
| HSL | hsl(43, 74%, 49%) |
Tons escuros de Goldenrod
| #C3941D | #AD831A | #977317 | #816213 | #6A5110 | #54400D | #3E2F09 | #281E06 |
Tons claros de Goldenrod
| #E1AF33 | #E4B849 | #E7C15F | #EAC975 | #EED28C | #F1DBA2 | #F4E3B8 | #F8ECCE |
Combinações de Cores & Harmonia
|
Complementar
#2055D9
|
Análogo +30°
#B1D920
|
Análogo −30°
#D94920
|
Triádico +120°
#20D9A5
|
Triádico −120°
#A520D9
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #DAA520;
}
.element-bg {
background-color: #DAA520;
color: #000000;
}
.element-border {
border: 2px solid #DAA520;
}
Sobre Goldenrod
Goldenrod é uma cor média com alta saturação, definida pelo código hex #DAA520. Seus valores exatos no modelo de cor são rgb(218, 165, 32) em RGB e hsl(43, 74%, 49%) em HSL (matiz 43°, saturação 74%, luminosidade 49%). Sobre um fundo branco, a proporção de contraste é 2.24:1 — Reprovado, e sobre preto é 9.38:1 — AAA aprovado para texto normal. Use Goldenrod 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 →