#819e1f

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

Informação da cor #819e1f

Sobre esta cor

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

Vermelho 129
Verde 158
Azul 31

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

Possui um ângulo de matiz de 73.7°, uma saturação de 67.2% e uma luminosidade de 37.1%.

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

Conversões de Cores

Hexadecimal
819e1f
RGB
129, 158, 31
50.6%, 62%, 12.2%
HSL
73.7°, 67.2%, 37.1%
HSV (HSB)
73.7°, 80.4%, 62%
CMYK
0.18, 0, 0.8, 0.38
Web Safe
669900
RYB
12.2, 62, 23.5
CIELab
63.49, -26.62, 57.71
XYZ
24, 32.2, 6.8
Decimal
8494623
Yxy
29.2197, 0.3807, 0.5167
YUV
134.851, 69.3933, 123.8266
CIELuv
60.975, -13.7926, 65.5656

Distribuição de #819e1f

A cor #819e1f é 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) 50.6%
Verde (Green) 62%
Azul (Blue) 12.2%
CMYK
Ciano (Cyan) 18.4%
Magenta 0%
Amarelo (Yellow) 80.4%
Preto (Key) 38%
RYB
Vermelho (Red) 12.2%
Amarelo (Yellow) 62%
Azul (Blue) 23.5%
CMY
Ciano (Cyan) 49.4%
Magenta 38%
Amarelo (Yellow) 87.8%

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.

#819e1f
#3d1f9e

Cores Triádicas

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

#1f819e
#819e1f
#9e1f81

Cores Tetrádicas

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

#1f9e7c
#819e1f
#3d1f9e
#9e1f42

Cores Monocromáticas

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

#819e1f
#979e7c
#969e7a
#969e79
#969e77
#959e76

Tons e Matizes de #819e1f

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)

#819e1f
#9ab14b
#b3c478
#ccd8a5
#e5ebd2
#ffffff

Sombra (Adicionando Preto)

#819e1f
#677e18
#4d5e12
#333f0c
#191f06
#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 #819e1f 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 #819e1f 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 #819e1f sobre um fundo preto.

Texto sobre Fundo #819e1f

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 #819e1f como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Texto Branco

Exemplo
Texto Grande
WCAG AA
X Não 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

Texto Preto

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

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #819e1f.

.text-primary {
  color: #819e1f;
}
Cor de Fundo

Este elemento tem fundo #819e1f.

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

Cores Aleatórias

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

#2e95fb
#f23045
#2d9863
#2185e4
#4c461b
#81c1ef
#275c18
#ac8205
#3683ca
#a48ab1
#4c9346
#523aeb