Cor #7ea76b - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #7ea76b

Sobre esta cor

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

Vermelho 126

Verde 167

Azul 107

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

Possui um ângulo de matiz de 101°, uma saturação de 25.4% e uma luminosidade de 53.7%.

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

Conversões de Cores

Hexadecimal

7ea76b

RGB

126, 167, 107

49.4%, 65.5%, 42%

HSL

101°, 25.4%, 53.7%

HSV (HSB)

101°, 35.9%, 65.5%

CMYK

0.25, 0, 0.36, 0.35

Web Safe

669966

RYB

42, 65.5, 58

CIELab

66.68, -24.2, 25.49

XYZ

27.9, 36.2, 21.8

Decimal

8300395

Yxy

33.1339, 0.3249, 0.4292

YUV

147.901, 104.9182, 112.3787

CIELuv

64.2692, -20.5627, 38.9952

Distribuição de #7ea76b

A cor #7ea76b é 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) 49.4%

Verde (Green) 65.5%

Azul (Blue) 42%

CMYK

Ciano (Cyan) 24.6%

Magenta 0%

Amarelo (Yellow) 35.9%

Preto (Key) 34.5%

RYB

Vermelho (Red) 42%

Amarelo (Yellow) 65.5%

Azul (Blue) 58%

CMY

Ciano (Cyan) 50.6%

Magenta 34.5%

Amarelo (Yellow) 58%

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.

#7ea76b

#946ca7

Cores Triádicas

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

#6c7fa7

#7ea76b

#a76c7e

Cores Tetrádicas

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

#6c9ca7

#7ea76b

#946ca7

#a7766c

Cores Monocromáticas

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

#7ea76b

#8fa784

#8ea782

#8da780

#8ca77f

#8ba77d

Tons e Matizes de #7ea76b

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)

#7ea76b

#97b888

#b1caa6

#cbdbc3

#e5ede1

#ffffff

Sombra (Adicionando Preto)

#7ea76b

#648555

#4b6440

#32422a

#192115

#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 #7ea76b 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 #7ea76b 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 #7ea76b sobre um fundo preto.

Texto sobre Fundo #7ea76b

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 #7ea76b 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

✓ Conforme

Quer testar outras combinações?

Experimente nosso verificador de contraste de cores dedicado para análises mais detalhadas.

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #7ea76b.

.text-primary {
  color: #7ea76b;
}

Cor de Fundo

Este elemento tem fundo #7ea76b.

.bg-primary {
  background-color: #7ea76b;
}

Cor da Borda

Este elemento tem borda #7ea76b.

.border-primary {
  border: 1px solid #7ea76b;
}

Estilos Inline (HTML)

Para Texto:

<span style="color:#7ea76b;">Texto</span>

Para Fundo:

<div style="background-color:#7ea76b;">...</div>

Cores Aleatórias

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

#da28e6

#e1168b

#07df9a

#aafaf2

#92d42b

#c50b69

#90569a

#8971bc

#8494c0

#59db3d

#a72e18

#2e4625