Informação da cor #9a3688

A cor hexadecimal 9a3688 no modelo de cores RGB (Red, Green, Blue), é um composta por 154 de vermelho, 54 de verde e 136 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 64.9% de magenta, 11.7% de amarelo e 39.6% de preto. Tem um ângulo de matiz de 310.8 graus, uma saturação de 48.1% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 993366.

Conversões de #9a3688 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 9a3688
RGB 154, 54, 136
RGB Percentagem 60.4%, 21.2%, 53.3%
CMYK 0, 0.65, 0.12, 0.4
HSL 310.8°, 48.1%, 40.8%
HSV (ou HSB) 310.8°, 64.9%, 60.4%
RYB 60.4, 21.2, 53.3
Formato Cor
XYZ 21.4, 13, 27.6
CIELab 42.79, 50.63, -25.15
Decimal 10106504
Yxy 11.2875, 0.3481, 0.2058
YUV 93.248, 152.1264, 171.3324
CIELuv 40.0605, 48.8734, -41.8088
Web Safe 993366

Distribuição de #9a3688

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.

#9a3688

#9a3688
rgb(154,54,136)

#369a48

#369a48
rgb(54,154,72)

Cores triadicas

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

#899a36

#899a36
rgb(137,154,54)

#9a3688

#9a3688
rgb(154,54,136)

#36899a

#36899a
rgb(54,137,154)

Cores tetrádicas

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

#9a7a36

#9a7a36
rgb(154,122,54)

#9a3688

#9a3688
rgb(154,54,136)

#369a48

#369a48
rgb(54,154,72)

#36579a

#36579a
rgb(54,87,154)

Cores monocromáticas

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

#9a3688

#9a3688
rgb(154,54,136)

#9a7994

#9a7994
rgb(154,121,148)

#9a7894

#9a7894
rgb(154,120,148)

#9a7694

#9a7694
rgb(154,118,148)

#9a7594

#9a7594
rgb(154,117,148)

#9a7393

#9a7393
rgb(154,115,147)

Tons e Matizes de #9a3688

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

Matiz (adicionando branco)
#9a3688

#9a3688
rgb(154,54,136)

#ae5e9f

#ae5e9f
rgb(174,94,159)

#c286b7

#c286b7
rgb(194,134,183)

#d6aecf

#d6aecf
rgb(214,174,207)

#ead6e7

#ead6e7
rgb(234,214,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9a3688

#9a3688
rgb(154,54,136)

#7b2b6c

#7b2b6c
rgb(123,43,108)

#5c2051

#5c2051
rgb(92,32,81)

#3d1536

#3d1536
rgb(61,21,54)

#1e0a1b

#1e0a1b
rgb(30,10,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9a3688

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

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

Contraste

Branco e #9a3688
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 #9a3688
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 #9a3688

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

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

Este parágrafo tem fundo de cor #9a3688.

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

Este elemento tem uma cor de borda de #9a3688.

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

Cores alietórias

#d29eac

#d29eac
rgb(210,158,172)

#6ff800

#6ff800
rgb(111,248,0)

#99a245

#99a245
rgb(153,162,69)

#9acb21

#9acb21
rgb(154,203,33)

#0a837c

#0a837c
rgb(10,131,124)

#bcf08a

#bcf08a
rgb(188,240,138)

#c7afc2

#c7afc2
rgb(199,175,194)

#fd7e5b

#fd7e5b
rgb(253,126,91)

#074bcb

#074bcb
rgb(7,75,203)

#ed7166

#ed7166
rgb(237,113,102)

#795823

#795823
rgb(121,88,35)

#8e83ba

#8e83ba
rgb(142,131,186)