Código da Cor Ghost White (#f8f8ff)

Ghost White é #f8f8ff em hexadecimal e rgb(248, 248, 255), um azul muito claro. Abaixo estão todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Ghost White
#f8f8ff
Nome CSSghostwhite
Hex#f8f8ff
RGBrgb(248, 248, 255)
HSLhsl(240 100% 99%)
HWBhwb(240 97% 0%)
CMYK3%, 3%, 0%, 0%

Tons e sombras

Harmonias de cores

Sobre Ghost White

Ghost White (ghostwhite) é uma cor azul muito clara e vibrante, com o código hex #f8f8ff, ou rgb(248, 248, 255). Em HSL, ela tem matiz de 240°, saturação de 100% e luminosidade de 99%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: ghostwhite; no lugar do valor hex.

Usando Ghost White em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Ghost White sobre branco1.06 : 1reprovado
Texto Ghost White sobre preto19.86 : 1AAA

Em um fundo ghost white, use texto em preto (19.86 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: ghostwhite;               /* or #f8f8ff */
  background-color: #f8f8ff;
  border: 1px solid rgb(248 248 255 / 50%);
}

Nomes de cores semelhantes

Azul Alice (#f0f8ff), Neve (#fffafa), Creme de Menta (#f5fffa), Branco (#ffffff), Azul Celeste (#f0ffff), Fumaça Branca (#f5f5f5).

Perguntas frequentes

Qual é o código hex da ghost white?
#f8f8ff, que equivale a rgb(248, 248, 255) e hsl(240, 100%, 99%). No CSS, você também pode simplesmente escrever ghostwhite.
O texto em ghost white é legível sobre branco?
A razão de contraste sobre o branco é 1.06 : 1, o que reprova no WCAG. Use essa cor para decoração ou sobre um fundo escuro.
Quais cores combinam com ghost white?
Sua cor complementar é #fffffa. As cores análogas #fafcff e #fcfaff ficam ao lado dela no círculo cromático.