Informação da cor #aaaaaa

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

No padrão de cores CMYK, é composto por 0% de ciano, 0% de magenta, 0% de amarelo e 33.3% de preto. Tem um ângulo de matiz de 0 graus, uma saturação de 0% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 999999.

Conversões de #aaaaaa 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 aaaaaa
RGB 170, 170, 170
RGB Percentagem 66.7%, 66.7%, 66.7%
CMYK 0, 0, 0, 0.33
HSL 0°, 0%, 66.7%
HSV (ou HSB) 0°, 0%, 66.7%
RYB 66.7, 66.7, 66.7
Formato Cor
XYZ 41.2, 43.4, 47.2
CIELab 71.81, 0, 0
Decimal 11184810
Yxy 40.1978, 0.3127, 0.329
YUV 170, 128, 128
CIELuv 69.6102, 0, 0
Web Safe 999999

Distribuição de #aaaaaa

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

Cores triadicas

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

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

Cores tetrádicas

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

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aaaaaa

#aaaaaa
rgb(170,170,170)

Cores monocromáticas

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

#aaaaaa

#aaaaaa
rgb(170,170,170)

#aa8787

#aa8787
rgb(170,135,135)

#aa8585

#aa8585
rgb(170,133,133)

#aa8383

#aa8383
rgb(170,131,131)

#aa8282

#aa8282
rgb(170,130,130)

#aa8080

#aa8080
rgb(170,128,128)

Tons e Matizes de #aaaaaa

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

Matiz (adicionando branco)
#aaaaaa

#aaaaaa
rgb(170,170,170)

#bbbbbb

#bbbbbb
rgb(187,187,187)

#cccccc

#cccccc
rgb(204,204,204)

#dddddd

#dddddd
rgb(221,221,221)

#eeeeee

#eeeeee
rgb(238,238,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aaaaaa

#aaaaaa
rgb(170,170,170)

#888888

#888888
rgb(136,136,136)

#666666

#666666
rgb(102,102,102)

#434343

#434343
rgb(67,67,67)

#212121

#212121
rgb(33,33,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #aaaaaa

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

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

Contraste

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

Preto e #aaaaaa
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.

Exemplos CSS

Texto com cor hexadecimal #aaaaaa

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

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

Este parágrafo tem fundo de cor #aaaaaa.

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

Este elemento tem uma cor de borda de #aaaaaa.

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

Cores alietórias

#577039

#577039
rgb(87,112,57)

#98e21c

#98e21c
rgb(152,226,28)

#832036

#832036
rgb(131,32,54)

#903dce

#903dce
rgb(144,61,206)

#30148c

#30148c
rgb(48,20,140)

#e8a1b0

#e8a1b0
rgb(232,161,176)

#f8eb3b

#f8eb3b
rgb(248,235,59)

#5a7365

#5a7365
rgb(90,115,101)

#529cb1

#529cb1
rgb(82,156,177)

#48d84b

#48d84b
rgb(72,216,75)

#17d46c

#17d46c
rgb(23,212,108)

#d187b6

#d187b6
rgb(209,135,182)