Código da Cor Papaya Whip (#ffefd5)

Papaya Whip é #ffefd5 em hex e rgb(255, 239, 213), um laranja muito claro. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Papaya Whip
#ffefd5
Nome CSSpapayawhip
Hex#ffefd5
RGBrgb(255, 239, 213)
HSLhsl(37 100% 92%)
HWBhwb(37 84% 0%)
CMYK0%, 6%, 16%, 0%

Tons e sombras

Harmonias de cores

Sobre a Papaya Whip

Papaya Whip (papayawhip) é um laranja muito claro e vibrante, com o código hex #ffefd5, ou rgb(255, 239, 213). No HSL, ela tem matiz de 37°, saturação de 100% e luminosidade de 92%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: papayawhip; em vez do valor hex.

Usando a Papaya Whip em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Papaya Whip no branco1.13 : 1reprova
Texto Papaya Whip no preto18.56 : 1AAA

Em um fundo papaya whip, use texto em preto (18.56 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: papayawhip;               /* or #ffefd5 */
  background-color: #ffefd5;
  border: 1px solid rgb(255 239 213 / 50%);
}

Cores nomeadas semelhantes

Branco Antigo (#faebd7), Amêndoa Branqueada (#ffebcd), Seda de Milho (#fff8dc), Amarelo Vara-de-Ouro Claro (#fafad2), Bege (#f5f5dc), Chiffon de Limão (#fffacd).

Perguntas frequentes

Qual é o código hex da papaya whip?
#ffefd5, que equivale a rgb(255, 239, 213) e hsl(37, 100%, 92%). No CSS você também pode escrever simplesmente papayawhip.
O texto papaya whip é legível no branco?
A razão de contraste no branco é 1.13 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com a papaya whip?
A cor complementar é #d6e6ff; as cores análogas #ffdbd6 e #faffd6 ficam ao lado dela no círculo cromático.