Informação da cor #a7389c

A cor hexadecimal a7389c no modelo de cores RGB (Red, Green, Blue), é um composta por 167 de vermelho, 56 de verde e 156 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 66.5% de magenta, 6.6% de amarelo e 34.5% de preto. Tem um ângulo de matiz de 306 graus, uma saturação de 49.8% e uma leveza de 43.7%.

A cor mais próxima WebSafe é 993399.

Conversões de #a7389c 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 a7389c
RGB 167, 56, 156
RGB Percentagem 65.5%, 22%, 61.2%
CMYK 0, 0.66, 0.07, 0.35
HSL 306°, 49.8%, 43.7%
HSV (ou HSB) 306°, 66.5%, 65.5%
RYB 65.5, 22, 61.2
Formato Cor
XYZ 25.7, 15.2, 36.1
CIELab 45.94, 56.24, -31.57
Decimal 10959004
Yxy 13.4459, 0.3355, 0.1932
YUV 100.589, 159.2703, 175.3688
CIELuv 43.4276, 51.3273, -53.1993
Web Safe 993399

Distribuição de #a7389c

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.

#a7389c

#a7389c
rgb(167,56,156)

#38a744

#38a744
rgb(56,167,68)

Cores triadicas

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

#9ca738

#9ca738
rgb(156,167,56)

#a7389c

#a7389c
rgb(167,56,156)

#389ca7

#389ca7
rgb(56,156,167)

Cores tetrádicas

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

#a77b38

#a77b38
rgb(167,123,56)

#a7389c

#a7389c
rgb(167,56,156)

#38a744

#38a744
rgb(56,167,68)

#3865a7

#3865a7
rgb(56,101,167)

Cores monocromáticas

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

#a7389c

#a7389c
rgb(167,56,156)

#a783a4

#a783a4
rgb(167,131,164)

#a782a4

#a782a4
rgb(167,130,164)

#a780a4

#a780a4
rgb(167,128,164)

#a77ea3

#a77ea3
rgb(167,126,163)

#a77da3

#a77da3
rgb(167,125,163)

Tons e Matizes de #a7389c

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

Matiz (adicionando branco)
#a7389c

#a7389c
rgb(167,56,156)

#b85faf

#b85faf
rgb(184,95,175)

#ca87c3

#ca87c3
rgb(202,135,195)

#dbafd7

#dbafd7
rgb(219,175,215)

#edd7eb

#edd7eb
rgb(237,215,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a7389c

#a7389c
rgb(167,56,156)

#852c7c

#852c7c
rgb(133,44,124)

#64215d

#64215d
rgb(100,33,93)

#42163e

#42163e
rgb(66,22,62)

#210b1f

#210b1f
rgb(33,11,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a7389c

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

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

Contraste

Branco e #a7389c
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 #a7389c
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.

Exemplos CSS

Texto com cor hexadecimal #a7389c

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

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

Este parágrafo tem fundo de cor #a7389c.

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

Este elemento tem uma cor de borda de #a7389c.

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

Cores alietórias

#6a24d4

#6a24d4
rgb(106,36,212)

#fa634d

#fa634d
rgb(250,99,77)

#52e02f

#52e02f
rgb(82,224,47)

#d07595

#d07595
rgb(208,117,149)

#efd475

#efd475
rgb(239,212,117)

#984f3d

#984f3d
rgb(152,79,61)

#484eb9

#484eb9
rgb(72,78,185)

#39e712

#39e712
rgb(57,231,18)

#2f4b4c

#2f4b4c
rgb(47,75,76)

#db589a

#db589a
rgb(219,88,154)

#319129

#319129
rgb(49,145,41)

#02d10c

#02d10c
rgb(2,209,12)