#794a8e

Detalhes completos, conversões e esquemas para esta cor.

Informação da cor #794a8e

Sobre esta cor

A cor hexadecimal #794a8e é uma representação no modelo RGB composta por:

Vermelho 121
Verde 74
Azul 142

No espaço de cor CMYK (usado para impressão), é composta por 14.8% Ciano, 47.9% Magenta, 0% Amarelo e 44.3% Preto.

Possui um ângulo de matiz de 281.5°, uma saturação de 31.5% e uma luminosidade de 42.4%.

Para ser mais WebSafe, a cor mais próxima é 663366.

Conversões de Cores

Hexadecimal
794a8e
RGB
121, 74, 142
47.5%, 29%, 55.7%
HSL
281.5°, 31.5%, 42.4%
HSV (HSB)
281.5°, 47.9%, 55.7%
CMYK
0.15, 0.48, 0, 0.44
Web Safe
663366
RYB
47.5, 29, 55.7
CIELab
42.71, 31.68, -29.07
XYZ
17.6, 13, 30.1
Decimal
7948942
Yxy
10.9159, 0.287, 0.2059
YUV
95.805, 154.0694, 145.9708
CIELuv
39.4384, 18.7557, -46.1109

Distribuição de #794a8e

A cor #794a8e é composta por diferentes quantidades de vermelho, verde e azul (RGB), ou ciano, magenta, amarelo e preto (CMYK). Veja abaixo a distribuição percentual em cada modelo.

RGB
Vermelho (Red) 47.5%
Verde (Green) 29%
Azul (Blue) 55.7%
CMYK
Ciano (Cyan) 14.8%
Magenta 47.9%
Amarelo (Yellow) 0%
Preto (Key) 44.3%
RYB
Vermelho (Red) 47.5%
Amarelo (Yellow) 29%
Azul (Blue) 55.7%
CMY
Ciano (Cyan) 52.5%
Magenta 71%
Amarelo (Yellow) 44.3%

Harmonia de Cores

Descubra combinações de cores harmoniosas baseadas na teoria das cores. Estas paletas podem ajudar a criar designs equilibrados e visualmente agradáveis.

Cores Complementares

Combinação de cores opostas no círculo cromático (180º). Criam alto contraste e impacto visual.

#794a8e
#608e4a

Cores Triádicas

Três cores equidistantes no círculo cromático. Oferecem um equilíbrio vibrante entre contraste e harmonia.

#8e794a
#794a8e
#4a8e79

Cores Tetrádicas

Dois pares de cores complementares. Esta harmonia rica oferece muitas possibilidades de variação.

#8e574a
#794a8e
#608e4a
#4a828e

Cores Monocromáticas

Variações de luminosidade e saturação da mesma cor base. Cria um visual coeso, elegante e suave.

#794a8e
#85708e
#856f8e
#846d8e
#846c8e
#836a8e

Tons e Matizes de #794a8e

Explore as variações de luminosidade da cor. Matizes (Tints) são criados adicionando branco, enquanto Sombras (Shades) são obtidas adicionando preto.

Matiz (Adicionando Branco)

#794a8e
#936ea4
#ae92bb
#c9b6d1
#e4dae8
#ffffff

Sombra (Adicionando Preto)

#794a8e
#603b71
#482c55
#301d38
#180e1c
#000000
Quer criar gradientes incríveis?

Use estas cores para criar transições suaves em seus projetos web.

Experimentar Gerador de Gradiente

Pré-visualização

Veja como a cor #794a8e se comporta em diferentes contextos, como fundos claros, escuros e como cor de texto.

Cor em Fundo Branco

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #794a8e sobre um fundo branco.

Cor em Fundo Preto

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #794a8e sobre um fundo preto.

Texto sobre Fundo #794a8e

Texto Branco

Exemplo de texto branco sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Texto Preto

Exemplo de texto preto sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Contraste (WCAG)

Verifique a acessibilidade da cor #794a8e como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Texto Branco

Exemplo
Texto Grande
WCAG AA
✓ Conforme
Texto Normal
WCAG AA
✓ Conforme
Texto Grande
WCAG AAA
✓ Conforme
Texto Normal
WCAG AAA
X Não conforme

Texto Preto

Exemplo
Texto Grande
WCAG AA
✓ Conforme
Texto Normal
WCAG AA
X Não conforme
Texto Grande
WCAG AAA
X Não conforme
Texto Normal
WCAG AAA
X Não conforme

Exemplos CSS

Copie e cole estes snippets CSS para usar a cor #794a8e em seus projetos web.

Cor do Texto

Este texto está usando a cor #794a8e.

.text-primary {
  color: #794a8e;
}
Cor de Fundo

Este elemento tem fundo #794a8e.

.bg-primary {
  background-color: #794a8e;
}
Cor da Borda
Este elemento tem borda #794a8e.
.border-primary {
  border: 1px solid #794a8e;
}
Estilos Inline (HTML)
Para Texto:
<span style="color:#794a8e;">Texto</span>
Para Fundo:
<div style="background-color:#794a8e;">...</div>

Cores Aleatórias

Inspire-se com esta seleção de cores aleatórias. Clique em qualquer cor para ver seus detalhes completos.

#19bfa7
#5d1e8f
#4b5101
#be1ecd
#8d8355
#d84b9a
#250006
#26bac5
#49eb10
#20ca37
#e77830
#6ce2e2