Código da Cor Alice Blue (#f0f8ff)

Alice Blue é #f0f8ff em hex e rgb(240, 248, 255) — um azul bem claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Alice Blue
#f0f8ff
Nome CSSaliceblue
Hex#f0f8ff
RGBrgb(240, 248, 255)
HSLhsl(208 100% 97%)
HWBhwb(208 94% 0%)
CMYK6%, 3%, 0%, 0%

Tons e sombras

Harmonias de cores

Sobre a Alice Blue

Alice Blue (aliceblue) é um azul muito claro e vívido, com o código hex #f0f8ff, ou rgb(240, 248, 255). Em HSL, ela fica com matiz de 208°, 100% de saturação e 97% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aliceblue; no lugar do valor hex.

Usando a Alice Blue em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Alice Blue sobre branco1.07 : 1reprovado
Texto Alice Blue sobre preto19.58 : 1AAA

Em um fundo alice blue, use texto em preto (19.58 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

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

Cores nomeadas semelhantes

Azure (#f0ffff), Ghost White (#f8f8ff), Mint Cream (#f5fffa), White Smoke (#f5f5f5), Snow (#fffafa), Honey Dew (#f0fff0).

Perguntas frequentes

Qual é o código hex da alice blue?
#f0f8ff — que equivale a rgb(240, 248, 255) e hsl(208, 100%, 97%). No CSS você também pode simplesmente escrever aliceblue.
O texto alice blue é legível sobre branco?
A razão de contraste dela sobre branco é 1.07 : 1, o que reprova no WCAG — use-a para decoração ou sobre um fundo escuro.
Quais cores combinam com a alice blue?
A cor complementar dela é #fff7f0; as cores análogas #f0fffe e #f0f0ff ficam ao lado dela no círculo cromático.