#29710c

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

Informação da cor #29710c

Sobre esta cor

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

Vermelho 41
Verde 113
Azul 12

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

Possui um ângulo de matiz de 102.8°, uma saturação de 80.8% e uma luminosidade de 24.5%.

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

Conversões de Cores

Hexadecimal
29710c
RGB
41, 113, 12
16.1%, 44.3%, 4.7%
HSL
102.8°, 80.8%, 24.5%
HSV (HSB)
102.8°, 89.4%, 44.3%
CMYK
0.64, 0, 0.89, 0.56
Web Safe
006600
RYB
4.7, 44.3, 32.9
CIELab
44.82, -41.01, 45.11
XYZ
8.2, 14.4, 2.9
Decimal
2715916
Yxy
12.3076, 0.3195, 0.571
YUV
79.958, 89.649, 100.2125
CIELuv
41.7008, -32.0619, 48.4988

Distribuição de #29710c

A cor #29710c é 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) 16.1%
Verde (Green) 44.3%
Azul (Blue) 4.7%
CMYK
Ciano (Cyan) 63.7%
Magenta 0%
Amarelo (Yellow) 89.4%
Preto (Key) 55.7%
RYB
Vermelho (Red) 4.7%
Amarelo (Yellow) 44.3%
Azul (Blue) 32.9%
CMY
Ciano (Cyan) 83.9%
Magenta 55.7%
Amarelo (Yellow) 95.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.

#29710c
#550c71

Cores Triádicas

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

#0c2971
#29710c
#710c29

Cores Tetrádicas

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

#0c5c71
#29710c
#550c71
#71220c

Cores Monocromáticas

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

#29710c
#607159
#5f7158
#5e7156
#5d7155
#5d7154

Tons e Matizes de #29710c

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)

#29710c
#538d3c
#7ea96d
#a9c69d
#d4e2ce
#ffffff

Sombra (Adicionando Preto)

#29710c
#205a09
#184307
#102d04
#081602
#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 #29710c 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 #29710c 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 #29710c sobre um fundo preto.

Texto sobre Fundo #29710c

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 #29710c 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 #29710c em seus projetos web.

Cor do Texto

Este texto está usando a cor #29710c.

.text-primary {
  color: #29710c;
}
Cor de Fundo

Este elemento tem fundo #29710c.

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

Cores Aleatórias

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

#e237de
#c297cf
#fdb423
#764d00
#2eadad
#ec054d
#4e24b3
#a29648
#d9833e
#d206e2
#c77c6c
#e942f8