Cor #3704a4 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #3704a4 corresponde ao modelo de cores RGB (Red, Green, Blue), com 55 de vermelho, 4 de verde e 164 de azul.

No padrão CMYK, essa cor é composta por 66.5% de ciano, 97.6% de magenta, 0% de amarelo e 35.7% de preto. Ela possui um ângulo de matiz de 259.1 graus, uma saturação de 95.2% e uma leveza de 32.9%.

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

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	3704a4
RGB	55, 4, 164
RGB Percentagem	21.6%, 1.6%, 64.3%
CMYK	0.66, 0.98, 0, 0.36
HSL	259.1°, 95.2%, 32.9%
HSV (ou HSB)	259.1°, 97.6%, 64.3%
RYB	21.6, 1.6, 64.3

Formato	Cor
XYZ	9.4, 4.1, 38.4
CIELab	23.88, 59.23, -72.58
Decimal	3605668
Yxy	3.5787, 0.176, 0.0757
YUV	37.489, 199.3945, 140.4901
CIELuv	22.2268, 0.0238, -79.9615
Web Safe	330099

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

#3704a4

#71a405

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.

#a43705

#3704a4

#05a438

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.

#a40522

#3704a4

#71a405

#05a488

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.

#3704a4

#8c80a4

#8b7fa4

#8a7da4

#897ca4

#877aa4

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

Matiz (adicionando branco)

#3704a4

#5f36b6

#8768c8

#af9ada

#d7ccec

#ffffff

Sombra (adicionando preto)

#3704a4

#2c0383

#210262

#150141

#0a0020

#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 #3704a4 fica em um fundo branco.

Fundo preto

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

Fundo de cor #3704a4

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

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

Branco e #3704a4

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.

Preto e #3704a4

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 #3704a4

Este exemplo mostra como o texto na cor #3704a4 se parece.

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

Cor de fundo #3704a4

Este parágrafo tem fundo de cor #3704a4.

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

Borda de cor #000bef

Este elemento tem uma cor de borda de #3704a4.

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

Códigos CSS

.text {color:#3704a4;}

.background {background-color:#3704a4;}

.border {border:1px solid #3704a4;}

#dc0761

#392269

#ecefbc

#4bda6e

#4f1131

#5b5e1f

#3f0585

#10a112

#0377d7

#cc7f61

#eed9e5

#037934

Informação da cor #3704a4

Conversões da cor #3704a4 num outro espaço de cores

Distribuição de #3704a4

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #3704a4

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #3704a4

Contraste

Branco e #3704a4

Preto e #3704a4

Exemplos CSS

Cores alietórias