#F44336

#F44336 — Códigos de Cor & Paleta

Q: Qual é o valor RGB de #F44336?

O valor RGB de #F44336 (#F44336) é rgb(244, 67, 54). Isso se divide em valores de canal vermelho, verde e azul numa escala de 0 a 255.

Q: #F44336 é acessível sobre um fundo branco?

A proporção de contraste de #F44336 (#F44336) sobre um fundo branco (#FFFFFF) é 3.68:1 — AA aprovado apenas para texto grande. Sobre um fundo preto (#000000) a proporção de contraste é 5.70:1 — AA aprovado para texto normal. O WCAG 2.1 exige 4,5:1 para texto normal (AA) e 7:1 para aprimorado (AAA).

Q: Quais cores combinam bem com #F44336?

#F44336 (#F44336) combina bem com sua cor complementar e matizes análogas. A cor complementar é #34E7F4, a cor análoga a +30° é #F4A134, e uma cor triádica é #34F440. Essas relações são derivadas da teoria das cores usando HSL (hsl(4, 90%, 58%)) como base.

#F44336 · rgb(244, 67, 54) · hsl(4, 90%, 58%)

Códigos de Cor

Formato	Valor
HEX	#F44336
RGB	rgb(244, 67, 54)
HSL	hsl(4, 90%, 58%)

Tons escuros de #F44336

#F32516

#DF1A0C

#C2160A

#A51309

#881007

#6B0C06

#4E0904

#300603

Tons claros de #F44336

#F55347

#F6655A

#F7776E

#F88981

#F99B94

#FAADA8

#FBBFBB

#FCD2CF

Combinações de Cores & Harmonia

Complementar

#34E7F4

Análogo +30°

#F4A134

Análogo −30°

#F43487

Triádico +120°

#34F440

Triádico −120°

#4034F4

Contraste & Acessibilidade (WCAG 2.1)

vs. Branco (#FFFFFF)

3.68:1 — AA aprovado apenas para texto grande

vs. Preto (#000000)

5.70:1 — AA aprovado para texto normal

Trecho CSS

.element {
  color: #F44336;
}

.element-bg {
  background-color: #F44336;
  color: #000000;
}

.element-border {
  border: 2px solid #F44336;
}

Sobre #F44336

#F44336 é uma cor média com saturação muito alta e vibrante, definida pelo código hex #F44336. Seus valores exatos no modelo de cor são rgb(244, 67, 54) em RGB e hsl(4, 90%, 58%) em HSL (matiz 4°, saturação 90%, luminosidade 58%). Sobre um fundo branco, a proporção de contraste é 3.68:1 — AA aprovado apenas para texto grande, e sobre preto é 5.70:1 — AA aprovado para texto normal. Use #F44336 em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.

Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.

Abrir o Seletor de Cores →

Perguntas frequentes

Qual é o valor RGB de #F44336?

O valor RGB de #F44336 (#F44336) é rgb(244, 67, 54). Red = rgb(244, 67, 54), representando as quantidades de luz vermelha, verde e azul numa escala de 0 a 255.

#F44336 é acessível sobre um fundo branco?

A proporção de contraste de #F44336 sobre branco (#FFFFFF) é 3.68:1 — AA aprovado apenas para texto grande. Sobre preto (#000000) a proporção de contraste é 5.70:1 — AA aprovado para texto normal. O WCAG 2.1 exige 4,5:1 para AA (texto normal) e 7:1 para AAA.

Quais cores combinam bem com #F44336?

Com base na teoria das cores, #F44336 (hsl(4, 90%, 58%)) combina bem com suas matizes complementar, análoga e triádica. Veja as amostras de harmonia acima para os valores hex exatos de cada tipo de combinação.

#F44336 — Códigos de Cor &amp; Paleta