#086214

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

Informação da cor #086214

Sobre esta cor

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

Vermelho 8
Verde 98
Azul 20

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

Possui um ângulo de matiz de 128°, uma saturação de 84.9% e uma luminosidade de 20.8%.

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

Conversões de Cores

Hexadecimal
086214
RGB
8, 98, 20
3.1%, 38.4%, 7.8%
HSL
128°, 84.9%, 20.8%
HSV (HSB)
128°, 91.8%, 38.4%
CMYK
0.92, 0, 0.8, 0.62
Web Safe
003300
RYB
3.1, 34.5, 38.4
CIELab
38.79, -42.82, 35.82
XYZ
5.5, 10.5, 2.7
Decimal
549396
Yxy
8.8369, 0.2953, 0.5681
YUV
62.198, 104.1862, 89.3423
CIELuv
35.6684, -32.3707, 39.787

Distribuição de #086214

A cor #086214 é 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) 3.1%
Verde (Green) 38.4%
Azul (Blue) 7.8%
CMYK
Ciano (Cyan) 91.8%
Magenta 0%
Amarelo (Yellow) 79.6%
Preto (Key) 61.6%
RYB
Vermelho (Red) 3.1%
Amarelo (Yellow) 34.5%
Azul (Blue) 38.4%
CMY
Ciano (Cyan) 96.9%
Magenta 61.6%
Amarelo (Yellow) 92.2%

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.

#086214
#620856

Cores Triádicas

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

#150862
#086214
#621508

Cores Tetrádicas

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

#082962
#086214
#620856
#624108

Cores Monocromáticas

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

#086214
#4d6250
#4c624f
#4b624e
#4a624d
#49624c

Tons e Matizes de #086214

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)

#086214
#398143
#6aa072
#9cc0a1
#cddfd0
#ffffff

Sombra (Adicionando Preto)

#086214
#064e10
#043a0c
#032707
#011303
#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 #086214 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 #086214 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 #086214 sobre um fundo preto.

Texto sobre Fundo #086214

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 #086214 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
✓ Conforme

Texto Preto

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

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #086214.

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

Este elemento tem fundo #086214.

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

Cores Aleatórias

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

#51d0e4
#2cebda
#c47628
#acc279
#2bcc97
#e95d8b
#3bdafe
#ec18af
#803e14
#4984c4
#010723
#c7fd02