Informação da cor #aa20b2

A cor hexadecimal aa20b2 no modelo de cores RGB (Red, Green, Blue), é um composta por 170 de vermelho, 32 de verde e 178 de azul.

No padrão de cores CMYK, é composto por 4.5% de ciano, 82% de magenta, 0% de amarelo e 30.2% de preto. Tem um ângulo de matiz de 296.7 graus, uma saturação de 69.5% e uma leveza de 41.2%.

A cor mais próxima WebSafe é 990099.

Conversões de #aa20b2 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 aa20b2
RGB 170, 32, 178
RGB Percentagem 66.7%, 12.5%, 69.8%
CMYK 0.04, 0.82, 0, 0.3
HSL 296.7°, 69.5%, 41.2%
HSV (ou HSB) 296.7°, 82%, 69.8%
RYB 66.7, 12.5, 69.8
Formato Cor
XYZ 27.2, 14.1, 46.4
CIELab 44.42, 69.14, -46.27
Decimal 11149490
Yxy 12.7952, 0.3095, 0.1576
YUV 89.906, 177.7144, 185.1284
CIELuv 42.453, 50.7628, -75.2271
Web Safe 990099

Distribuição de #aa20b2

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.

#aa20b2

#aa20b2
rgb(170,32,178)

#28b220

#28b220
rgb(40,178,32)

Cores triadicas

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

#b2ab20

#b2ab20
rgb(178,171,32)

#aa20b2

#aa20b2
rgb(170,32,178)

#20b2ab

#20b2ab
rgb(32,178,171)

Cores tetrádicas

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

#b26220

#b26220
rgb(178,98,32)

#aa20b2

#aa20b2
rgb(170,32,178)

#28b220

#28b220
rgb(40,178,32)

#2071b2

#2071b2
rgb(32,113,178)

Cores monocromáticas

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

#aa20b2

#aa20b2
rgb(170,32,178)

#b08cb2

#b08cb2
rgb(176,140,178)

#b08ab2

#b08ab2
rgb(176,138,178)

#b088b2

#b088b2
rgb(176,136,178)

#b086b2

#b086b2
rgb(176,134,178)

#b085b2

#b085b2
rgb(176,133,178)

Tons e Matizes de #aa20b2

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

Matiz (adicionando branco)
#aa20b2

#aa20b2
rgb(170,32,178)

#bb4cc1

#bb4cc1
rgb(187,76,193)

#cc79d0

#cc79d0
rgb(204,121,208)

#dda5e0

#dda5e0
rgb(221,165,224)

#eed2ef

#eed2ef
rgb(238,210,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aa20b2

#aa20b2
rgb(170,32,178)

#88198e

#88198e
rgb(136,25,142)

#66136a

#66136a
rgb(102,19,106)

#430c47

#430c47
rgb(67,12,71)

#210623

#210623
rgb(33,6,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #aa20b2

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

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

Contraste

Branco e #aa20b2
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 #aa20b2
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 #aa20b2

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

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

Este parágrafo tem fundo de cor #aa20b2.

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

Este elemento tem uma cor de borda de #aa20b2.

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

Cores alietórias

#e85186

#e85186
rgb(232,81,134)

#642f3b

#642f3b
rgb(100,47,59)

#dd0120

#dd0120
rgb(221,1,32)

#84cfc6

#84cfc6
rgb(132,207,198)

#6c1e3a

#6c1e3a
rgb(108,30,58)

#1baad6

#1baad6
rgb(27,170,214)

#d4acac

#d4acac
rgb(212,172,172)

#a36f00

#a36f00
rgb(163,111,0)

#1bf703

#1bf703
rgb(27,247,3)

#93c8f5

#93c8f5
rgb(147,200,245)

#97fde3

#97fde3
rgb(151,253,227)

#30523e

#30523e
rgb(48,82,62)