PaleGreen — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #98FB98 | |
| RGB | rgb(152, 251, 152) | |
| HSL | hsl(120, 93%, 79%) |
Tons escuros de PaleGreen
| #70FA70 | #49F849 | #22F722 | #08E708 | #07C007 | #069906 | #047104 | #034A03 |
Tons claros de PaleGreen
| #A1FCA1 | #ABFCAB | #B5FCB5 | #BFFDBF | #C9FDC9 | #D3FDD3 | #DDFEDD | #E6FEE6 |
Combinações de Cores & Harmonia
|
Complementar
#FB98FB
|
Análogo +30°
#98FBC9
|
Análogo −30°
#C9FB98
|
Triádico +120°
#9898FB
|
Triádico −120°
#FB9898
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #98FB98;
}
.element-bg {
background-color: #98FB98;
color: #000000;
}
.element-border {
border: 2px solid #98FB98;
}
Sobre PaleGreen
PaleGreen é uma cor clara com saturação muito alta e vibrante, definida pelo código hex #98FB98. Seus valores exatos no modelo de cor são rgb(152, 251, 152) em RGB e hsl(120, 93%, 79%) em HSL (matiz 120°, saturação 93%, luminosidade 79%). Sobre um fundo branco, a proporção de contraste é 1.27:1 — Reprovado, e sobre preto é 16.59:1 — AAA aprovado para texto normal. Use PaleGreen 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 →