Código da Cor Azul Céu (#87ceeb)

Azul Céu é #87ceeb em hex e rgb(135, 206, 235) — um azul claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Azul Céu
#87ceeb
Nome CSSskyblue
Hex#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197 71% 73%)
HWBhwb(197 53% 8%)
CMYK43%, 12%, 0%, 8%

Tons e sombras

Harmonias de cores

Sobre o Azul Céu

Azul Céu (skyblue) é um azul claro e vibrante com o código hex #87ceeb, ou rgb(135, 206, 235). Em HSL, ele fica com matiz de 197°, saturação de 71% e luminosidade de 73%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: skyblue; no lugar do valor hex.

Usando o Azul Céu em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Céu sobre branco1.74 : 1reprovado
Texto Azul Céu sobre preto12.06 : 1AAA

Em um fundo azul céu, use texto em preto (12.06 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.

CSS

.element {
  color: skyblue;               /* or #87ceeb */
  background-color: #87ceeb;
  border: 1px solid rgb(135 206 235 / 50%);
}

Cores nomeadas semelhantes

Azul Céu Claro (#87cefa), Azul Claro (#add8e6), Azul Aço Claro (#b0c4de), Azul Pó (#b0e0e6), Turquesa Pálido (#afeeee), Água-marinha (#7fffd4).

Perguntas frequentes

Qual é o código hex do azul céu?
#87ceeb — ou seja, rgb(135, 206, 235) e hsl(197, 71%, 73%). No CSS você também pode escrever apenas skyblue.
O texto azul céu é legível sobre branco?
A razão de contraste sobre branco é 1.74 : 1, o que reprova no WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com azul céu?
A cor complementar é #eba589; as cores análogas #89ebd6 e #899eeb ficam ao lado dela no círculo cromático.