Código da cor Vermelho Tijolo (#b22222)

Vermelho Tijolo é #b22222 em hex e rgb(178, 34, 34), um vermelho médio. Abaixo estão todos os formatos de cor, tons e sombras, harmonias e a legibilidade dessa cor como texto.

Atualizado em

Vermelho Tijolo
#b22222
Nome CSSfirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Tons e sombras

Harmonias de cores

Sobre o Vermelho Tijolo

Vermelho Tijolo (firebrick) é um vermelho médio e vibrante, com o código hexadecimal #b22222, ou rgb(178, 34, 34). No HSL, ele fica no matiz 0°, com 68% de saturação e 42% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: firebrick; no lugar do valor hex.

Usando o Vermelho Tijolo em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Vermelho Tijolo sobre branco6.68 : 1AA
Texto Vermelho Tijolo sobre preto3.14 : 1AA apenas para texto grande

Em um fundo vermelho tijolo, use texto em branco (6.68 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações no Verificador de Contraste.

CSS

.element {
  color: firebrick;               /* or #b22222 */
  background-color: #b22222;
  border: 1px solid rgb(178 34 34 / 50%);
}

Cores nomeadas semelhantes

Marrom (#a52a2a), Carmesim (#dc143c), Terra Siena (#a0522d), Marrom Sela (#8b4513), Vermelho Escuro (#8b0000), Bordô (#800000).

Perguntas frequentes

Qual é o código hex do vermelho tijolo?
#b22222, que equivale a rgb(178, 34, 34) e hsl(0, 68%, 42%). No CSS você também pode escrever simplesmente firebrick.
O texto em vermelho tijolo é legível sobre branco?
A razão de contraste sobre branco é 6.68 : 1, o que passa no WCAG AA para texto normal.
Quais cores combinam com o vermelho tijolo?
A cor complementar é #22b4b4. As cores análogas #b4226b e #b46b22 ficam ao lado dela no círculo cromático.