Cor #3daa70 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #3daa70 corresponde ao modelo de cores RGB (Red, Green, Blue), com 61 de vermelho, 170 de verde e 112 de azul.

No padrão CMYK, essa cor é composta por 64.1% de ciano, 0% de magenta, 34.1% de amarelo e 33.3% de preto. Ela possui um ângulo de matiz de 148.1 graus, uma saturação de 47.2% e uma leveza de 45.3%.

Para ser mais WebSafe a cor mais próxima é 339966.

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.

Formato	Cor
Hex	3daa70
RGB	61, 170, 112
RGB Percentagem	23.9%, 66.7%, 43.9%
CMYK	0.64, 0, 0.34, 0.33
HSL	148.1°, 47.2%, 45.3%
HSV (ou HSB)	148.1°, 64.1%, 66.7%
RYB	23.9, 53.3, 66.7

Formato	Cor
XYZ	21.4, 33.7, 23.2
CIELab	64.69, -43.65, 19.66
Decimal	4041328
Yxy	30.9094, 0.273, 0.439
YUV	130.797, 117.3922, 78.2161
CIELuv	62.4311, -45.7932, 35.1538
Web Safe	339966

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#3daa70

#aa3e77

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#713eaa

#3daa70

#aa713e

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#3e41aa

#3daa70

#aa3e77

#aaa73e

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#3daa70

#86aa97

#84aa96

#82aa95

#81aa94

#7faa93

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)

#3daa70

#63bb8c

#8acca9

#b1ddc5

#d8eee2

#ffffff

Sombra (adicionando preto)

#3daa70

#308859

#246643

#18432c

#0c2116

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

Esta visualização mostra como a cor #3daa70 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #3daa70 fica em um fundo preto.

Fundo de cor #3daa70

Esta visualização mostra como a cor branca fica em um fundo #3daa70.

Esta visualização mostra como a cor preta fica em um fundo #3daa70.

Branco e #3daa70

Texto grande WCAG AA X Não conforme

Qualquer texto WCAG AA X Não conforme

Texto grande WCAG AAA X Não conforme

Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #3daa70

Texto grande WCAG AA ✓ Conforme

Qualquer texto WCAG AA ✓ Conforme

Texto grande WCAG AAA ✓ Conforme

Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Texto com cor hexadecimal #3daa70

Este exemplo mostra como o texto na cor #3daa70 se parece.

<span style="color:#3daa70;">Aqui fica o texto.</span>

Cor de fundo #3daa70

Este parágrafo tem fundo de cor #3daa70.

<p style="background-color:#3daa70;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #3daa70.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#3daa70;}

.background {background-color:#3daa70;}

.border {border:1px solid #3daa70;}

#a8fd5d

#b09574

#222cc6

#5d6432

#bd10b9

#d20063

#e24093

#d5687f

#69431e

#cda999

#0dbcff

#b01f46

Informação da cor #3daa70

Conversões da cor #3daa70 num outro espaço de cores

Distribuição de #3daa70

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #3daa70

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #3daa70

Contraste

Branco e #3daa70

Preto e #3daa70

Exemplos CSS

Cores alietórias