Informação da cor #a3a8a3

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

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

A cor mais próxima WebSafe é 999999.

Conversões de #a3a8a3 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 a3a8a3
RGB 163, 168, 163
RGB Percentagem 63.9%, 65.9%, 63.9%
CMYK 0.03, 0, 0.03, 0.34
HSL 120°, 2.8%, 64.9%
HSV (ou HSB) 120°, 3%, 65.9%
RYB 63.9, 65.9, 65.9
Formato Cor
XYZ 38.8, 41.6, 43.7
CIELab 70.61, -2.57, 1.85
Decimal 10725539
Yxy 38.436, 0.3124, 0.3362
YUV 165.935, 126.3437, 125.9066
CIELuv 68.3407, -2.5585, 3.3075
Web Safe 999999

Distribuição de #a3a8a3

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.

#a3a8a3

#a3a8a3
rgb(163,168,163)

#a8a3a8

#a8a3a8
rgb(168,163,168)

Cores triadicas

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

#a3a3a8

#a3a3a8
rgb(163,163,168)

#a3a8a3

#a3a8a3
rgb(163,168,163)

#a8a3a3

#a8a3a3
rgb(168,163,163)

Cores tetrádicas

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

#a3a6a8

#a3a6a8
rgb(163,166,168)

#a3a8a3

#a3a8a3
rgb(163,168,163)

#a8a3a8

#a8a3a8
rgb(168,163,168)

#a8a6a3

#a8a6a3
rgb(168,166,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.

#a3a8a3

#a3a8a3
rgb(163,168,163)

#85a885

#85a885
rgb(133,168,133)

#83a883

#83a883
rgb(131,168,131)

#82a882

#82a882
rgb(130,168,130)

#80a880

#80a880
rgb(128,168,128)

#7ea87e

#7ea87e
rgb(126,168,126)

Tons e Matizes de #a3a8a3

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

Matiz (adicionando branco)
#a3a8a3

#a3a8a3
rgb(163,168,163)

#b5b9b5

#b5b9b5
rgb(181,185,181)

#c7cac7

#c7cac7
rgb(199,202,199)

#dadcda

#dadcda
rgb(218,220,218)

#ecedec

#ecedec
rgb(236,237,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a3a8a3

#a3a8a3
rgb(163,168,163)

#828682

#828682
rgb(130,134,130)

#616461

#616461
rgb(97,100,97)

#414341

#414341
rgb(65,67,65)

#202120

#202120
rgb(32,33,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a3a8a3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a3a8a3.

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

Este elemento tem uma cor de borda de #a3a8a3.

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

Cores alietórias

#49f507

#49f507
rgb(73,245,7)

#1b4434

#1b4434
rgb(27,68,52)

#c23b28

#c23b28
rgb(194,59,40)

#943a93

#943a93
rgb(148,58,147)

#4d9666

#4d9666
rgb(77,150,102)

#6b7f3f

#6b7f3f
rgb(107,127,63)

#9c25d7

#9c25d7
rgb(156,37,215)

#6b45ca

#6b45ca
rgb(107,69,202)

#40cbf6

#40cbf6
rgb(64,203,246)

#8f4a83

#8f4a83
rgb(143,74,131)

#25fe7f

#25fe7f
rgb(37,254,127)

#f4838b

#f4838b
rgb(244,131,139)