Código da cor Peach Puff (#ffdab9)

Peach Puff é #ffdab9 em hex e rgb(255, 218, 185) — um laranja muito claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Peach Puff
#ffdab9
Nome CSSpeachpuff
Hex#ffdab9
RGBrgb(255, 218, 185)
HSLhsl(28 100% 86%)
HWBhwb(28 73% 0%)
CMYK0%, 15%, 27%, 0%

Tons claros e escuros

Harmonias de cor

Sobre a cor Peach Puff

Peach Puff (peachpuff) é um laranja muito claro e vibrante, com o código hex #ffdab9, ou rgb(255, 218, 185). Em HSL, ela fica com matiz de 28°, saturação de 100% e luminosidade de 86%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: peachpuff; no lugar do valor hex.

Usando Peach Puff em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Peach Puff sobre branco1.31 : 1reprova
Texto Peach Puff sobre preto15.98 : 1AAA

Sobre um fundo peach puff, use texto em preto (15.98 : 1). O WCAG pede pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.

CSS

.element {
  color: peachpuff;               /* or #ffdab9 */
  background-color: #ffdab9;
  border: 1px solid rgb(255 218 185 / 50%);
}

Cores nomeadas parecidas

Mocassim (#ffe4b5), Trigo (#f5deb3), Branco Navajo (#ffdead), Bisque (#ffe4c4), Amêndoa Branqueada (#ffebcd), Solidago Pálido (#eee8aa).

Perguntas frequentes

Qual é o código hex da peach puff?
#ffdab9 — isso equivale a rgb(255, 218, 185) e hsl(28, 100%, 86%). No CSS, você também pode escrever simplesmente peachpuff.
O texto peach puff é legível sobre branco?
A razão de contraste dela sobre branco é 1.31 : 1, o que reprova no WCAG — use-a como decoração ou sobre um fundo escuro.
Quais cores combinam com peach puff?
A cor complementar é #b8deff; as cores análogas #ffb8ba e #fffdb8 ficam ao lado dela no círculo cromático.