Cor #16683d - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #16683d

A cor hexadecimal #16683d corresponde ao modelo de cores RGB (Red, Green, Blue), com 22 de vermelho, 104 de verde e 61 de azul.

No padrão CMYK, essa cor é composta por 78.8% de ciano, 0% de magenta, 41.3% de amarelo e 59.2% de preto. Ela possui um ângulo de matiz de 148.5 graus, uma saturação de 65.1% e uma leveza de 24.7%.

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

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	16683d
RGB	22, 104, 61
RGB Percentagem	8.6%, 40.8%, 23.9%
CMYK	0.79, 0, 0.41, 0.59
HSL	148.5°, 65.1%, 24.7%
HSV (ou HSB)	148.5°, 78.9%, 40.8%
RYB	8.6, 30.6, 40.8

Formato	Cor
XYZ	7.4, 12.4, 7.7
CIELab	41.79, -35.41, 16.95
Decimal	1468477
Yxy	10.4074, 0.2706, 0.4599
YUV	74.58, 120.3364, 90.4964
CIELuv	38.5639, -31.1716, 25.3141
Web Safe	006633

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º.

#16683d

#681741

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.

#3e1768

#16683d

#683e17

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.

#171868

#16683d

#681741

#686717

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.

#16683d

#52685d

#51685c

#50685c

#4f685b

#4e685a

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

Matiz (adicionando branco)

#16683d

#448663

#73a48a

#a1c2b1

#d0e0d8

#ffffff

Sombra (adicionando preto)

#16683d

#115330

#0d3e24

#082918

#04140c

#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 #16683d fica em um fundo branco.

Fundo preto

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

Fundo de cor #16683d

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

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

Branco e #16683d

Texto grande WCAG AA ✓ Conforme

Qualquer texto WCAG AA ✓ Conforme

Texto grande WCAG AAA ✓ 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 #16683d

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.

Texto com cor hexadecimal #16683d

Este exemplo mostra como o texto na cor #16683d se parece.

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

Cor de fundo #16683d

Este parágrafo tem fundo de cor #16683d.

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

Borda de cor #000bef

Este elemento tem uma cor de borda de #16683d.

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

Códigos CSS

.text {color:#16683d;}

.background {background-color:#16683d;}

.border {border:1px solid #16683d;}

#d34a59

#e4624d

#334250

#947d83

#4f42f3

#534e06

#21d217

#644d00

#20b49b

#a89d24

#8b2a3d

#72a79e

Informação da cor #16683d

Conversões da cor #16683d num outro espaço de cores

Distribuição de #16683d

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #16683d

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #16683d

Contraste

Branco e #16683d

Preto e #16683d

Exemplos CSS

Cores alietórias