PeachPuff — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #FFDAB9 | |
| RGB | rgb(255, 218, 185) | |
| HSL | hsl(28, 100%, 86%) |
Tons escuros de PeachPuff
| #FFC08A | #FFA85C | #FF8F2E | #FF7700 | #D16200 | #A34C00 | #753700 | #472100 |
Tons claros de PeachPuff
| #FFDCBD | #FFDEC2 | #FFE1C7 | #FFE4CC | #FFE7D1 | #FFE9D6 | #FFECDB | #FFEFE0 |
Combinações de Cores & Harmonia
|
Complementar
#B8DEFF
|
Análogo +30°
#FFFDB8
|
Análogo −30°
#FFB8BA
|
Triádico +120°
#B8FFD9
|
Triádico −120°
#D9B8FF
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #FFDAB9;
}
.element-bg {
background-color: #FFDAB9;
color: #000000;
}
.element-border {
border: 2px solid #FFDAB9;
}
Sobre PeachPuff
PeachPuff é uma cor muito clara com saturação muito alta e vibrante, definida pelo código hex #FFDAB9. Seus valores exatos no modelo de cor são rgb(255, 218, 185) em RGB e hsl(28, 100%, 86%) em HSL (matiz 28°, saturação 100%, luminosidade 86%). Sobre um fundo branco, a proporção de contraste é 1.31:1 — Reprovado, e sobre preto é 15.98:1 — AAA aprovado para texto normal. Use PeachPuff 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 →