Informação da cor #a3759e

A cor hexadecimal a3759e no modelo de cores RGB (Red, Green, Blue), é um composta por 163 de vermelho, 117 de verde e 158 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 28.2% de magenta, 3.1% de amarelo e 36.1% de preto. Tem um ângulo de matiz de 306.5 graus, uma saturação de 20% e uma leveza de 54.9%.

A cor mais próxima WebSafe é 996699.

Conversões de #a3759e num outro espaço de cores

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 a3759e
RGB 163, 117, 158
RGB Percentagem 63.9%, 45.9%, 62%
CMYK 0, 0.28, 0.03, 0.36
HSL 306.5°, 20%, 54.9%
HSV (ou HSB) 306.5°, 28.2%, 63.9%
RYB 63.9, 45.9, 62
Formato Cor
XYZ 30.5, 25.9, 38.8
CIELab 57.9, 23.84, -14.32
Decimal 10712478
Yxy 22.9787, 0.3216, 0.2674
YUV 135.428, 140.7381, 147.6662
CIELuv 55.0504, 23.827, -25.7174
Web Safe 996699

Distribuição de #a3759e

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#a3759e

#a3759e
rgb(163,117,158)

#75a37a

#75a37a
rgb(117,163,122)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#9fa375

#9fa375
rgb(159,163,117)

#a3759e

#a3759e
rgb(163,117,158)

#759fa3

#759fa3
rgb(117,159,163)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#a39175

#a39175
rgb(163,145,117)

#a3759e

#a3759e
rgb(163,117,158)

#75a37a

#75a37a
rgb(117,163,122)

#7588a3

#7588a3
rgb(117,136,163)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#a3759e

#a3759e
rgb(163,117,158)

#a381a0

#a381a0
rgb(163,129,160)

#a37fa0

#a37fa0
rgb(163,127,160)

#a37e9f

#a37e9f
rgb(163,126,159)

#a37c9f

#a37c9f
rgb(163,124,159)

#a37a9f

#a37a9f
rgb(163,122,159)

Tons e Matizes de #a3759e

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

Matiz (adicionando branco)
#a3759e

#a3759e
rgb(163,117,158)

#b590b1

#b590b1
rgb(181,144,177)

#c7acc4

#c7acc4
rgb(199,172,196)

#dac7d8

#dac7d8
rgb(218,199,216)

#ece3eb

#ece3eb
rgb(236,227,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a3759e

#a3759e
rgb(163,117,158)

#825d7e

#825d7e
rgb(130,93,126)

#61465e

#61465e
rgb(97,70,94)

#412e3f

#412e3f
rgb(65,46,63)

#20171f

#20171f
rgb(32,23,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a3759e

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

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

Contraste

Branco e #a3759e
Texto grande WCAG AA ✓ 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 #a3759e
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.

Exemplos CSS

Texto com cor hexadecimal #a3759e

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

<span style="color:#a3759e;">Aqui fica o texto.</span>
Cor de fundo #a3759e

Este parágrafo tem fundo de cor #a3759e.

<p style="background-color:#a3759e;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #a3759e.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#a3759e;}
.background {background-color:#a3759e;}
.border {border:1px solid #a3759e;}

Cores alietórias

#5838db

#5838db
rgb(88,56,219)

#9f5b11

#9f5b11
rgb(159,91,17)

#b07ac9

#b07ac9
rgb(176,122,201)

#dc6dfd

#dc6dfd
rgb(220,109,253)

#9c6af3

#9c6af3
rgb(156,106,243)

#09dd8c

#09dd8c
rgb(9,221,140)

#5d6e8a

#5d6e8a
rgb(93,110,138)

#265394

#265394
rgb(38,83,148)

#529ae4

#529ae4
rgb(82,154,228)

#51be12

#51be12
rgb(81,190,18)

#88c95a

#88c95a
rgb(136,201,90)

#bda322

#bda322
rgb(189,163,34)