Maroon — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #800000 | |
| RGB | rgb(128, 0, 0) | |
| HSL | hsl(0, 100%, 25%) |
Tons escuros de Maroon
| #750000 | #6B0000 | #610000 | #570000 | #4D0000 | #420000 | #380000 | #2E0000 |
Tons claros de Maroon
| #A80000 | #D10000 | #FA0000 | #FF2424 | #FF4D4D | #FF7575 | #FF9E9E | #FFC7C7 |
Combinações de Cores & Harmonia
|
Complementar
#008080
|
Análogo +30°
#804000
|
Análogo −30°
#800040
|
Triádico +120°
#008000
|
Triádico −120°
#000080
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #800000;
}
.element-bg {
background-color: #800000;
color: #ffffff;
}
.element-border {
border: 2px solid #800000;
}
Sobre Maroon
Maroon é uma cor escura com saturação muito alta e vibrante, definida pelo código hex #800000. Seus valores exatos no modelo de cor são rgb(128, 0, 0) em RGB e hsl(0, 100%, 25%) em HSL (matiz 0°, saturação 100%, luminosidade 25%). Sobre um fundo branco, a proporção de contraste é 10.95:1 — AAA aprovado para texto normal, e sobre preto é 1.92:1 — Reprovado. Use Maroon 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 →