Código da Cor Misty Rose (#ffe4e1)

Misty Rose é #ffe4e1 em hex e rgb(255, 228, 225), um vermelho bem claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Misty Rose
#ffe4e1
Nome CSSmistyrose
Hex#ffe4e1
RGBrgb(255, 228, 225)
HSLhsl(6 100% 94%)
HWBhwb(6 88% 0%)
CMYK0%, 11%, 12%, 0%

Tons e sombras

Harmonias de cores

Sobre a cor Misty Rose

Misty Rose (mistyrose) é um vermelho muito claro e vibrante, com código hex #ffe4e1, ou rgb(255, 228, 225). No HSL, ela fica com matiz de 6°, saturação de 100% e luminosidade de 94%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mistyrose; no lugar do valor hex.

Usando Misty Rose em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Misty Rose no branco1.20 : 1reprova
Texto Misty Rose no preto17.44 : 1AAA

Sobre um fundo misty rose, use texto em preto (17.44 : 1). O WCAG pede pelo menos 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Confira outras combinações no Verificador de Contraste.

CSS

.element {
  color: mistyrose;               /* or #ffe4e1 */
  background-color: #ffe4e1;
  border: 1px solid rgb(255 228 225 / 50%);
}

Cores nomeadas parecidas

Branco Antigo (#faebd7), Linho (#faf0e6), Creme de Papaia (#ffefd5), Renda Antiga (#fdf5e6), Bege (#f5f5dc), Seda de Milho (#fff8dc).

Perguntas frequentes

Qual é o código hex da misty rose?
#ffe4e1, que equivale a rgb(255, 228, 225) e hsl(6, 100%, 94%). No CSS você também pode simplesmente escrever mistyrose.
O texto misty rose é legível no branco?
A razão de contraste dela no branco é 1.20 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com a misty rose?
Sua cor complementar é #e0fcff; as cores análogas #ffe0ed e #fff3e0 ficam ao lado dela no círculo cromático.