Código da Cor Powder Blue (#b0e0e6)

Powder Blue é #b0e0e6 em hex e rgb(176, 224, 230) — um ciano bem claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Powder Blue
#b0e0e6
Nome CSSpowderblue
Hex#b0e0e6
RGBrgb(176, 224, 230)
HSLhsl(187 52% 80%)
HWBhwb(187 69% 10%)
CMYK23%, 3%, 0%, 10%

Tons e sombras

Harmonias de cores

Sobre o Powder Blue

Powder Blue (powderblue) é um ciano muito claro e de saturação moderada, com o código hex #b0e0e6, ou rgb(176, 224, 230). No HSL ele fica com matiz de 187°, 52% de saturação e 80% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: powderblue; no lugar do valor hex.

Usando Powder Blue em textos e fundos

ParRazão de contrasteWCAG
Texto Powder Blue sobre branco1.43 : 1reprovado
Texto Powder Blue sobre preto14.65 : 1AAA

Em um fundo powder blue, use texto em preto (14.65 : 1). A WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.

CSS

.element {
  color: powderblue;               /* or #b0e0e6 */
  background-color: #b0e0e6;
  border: 1px solid rgb(176 224 230 / 50%);
}

Cores nomeadas semelhantes

Azul Claro (#add8e6), Turquesa Pálido (#afeeee), Azul Aço Claro (#b0c4de), Cinza Claro (#d3d3d3), Azul Céu (#87ceeb), Gainsboro (#dcdcdc).

Perguntas frequentes

Qual é o código hex do powder blue?
#b0e0e6 — que equivale a rgb(176, 224, 230) e hsl(187, 52%, 80%). No CSS você também pode simplesmente escrever powderblue.
O texto em powder blue é legível sobre branco?
A razão de contraste dele sobre branco é 1.43 : 1, o que reprova na WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com powder blue?
A cor complementar dele é #e7b8b1; as cores análogas #b1e7d2 e #b1c6e7 ficam ao lado dele no círculo cromático.