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ção | Razão de contraste | WCAG |
|---|---|---|
| Texto Ghost White sobre branco | 1.06 : 1 | reprovado |
| Texto Ghost White sobre preto | 19.86 : 1 | AAA |
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).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.