Informação da cor #a9afa9

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

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

A cor mais próxima WebSafe é 999999.

Conversões de #a9afa9 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 a9afa9
RGB 169, 175, 169
RGB Percentagem 66.3%, 68.6%, 66.3%
CMYK 0.03, 0, 0.03, 0.31
HSL 120°, 3.6%, 67.5%
HSV (ou HSB) 120°, 3.4%, 68.6%
RYB 66.3, 68.6, 68.6
Formato Cor
XYZ 41.9, 45.1, 47
CIELab 72.96, -3.05, 2.2
Decimal 11120553
Yxy 41.9594, 0.3123, 0.3373
YUV 172.522, 126.0124, 125.4879
CIELuv 70.8429, -3.068, 3.9662
Web Safe 999999

Distribuição de #a9afa9

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.

#a9afa9

#a9afa9
rgb(169,175,169)

#afa9af

#afa9af
rgb(175,169,175)

Cores triadicas

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

#a9a9af

#a9a9af
rgb(169,169,175)

#a9afa9

#a9afa9
rgb(169,175,169)

#afa9a9

#afa9a9
rgb(175,169,169)

Cores tetrádicas

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

#a9acaf

#a9acaf
rgb(169,172,175)

#a9afa9

#a9afa9
rgb(169,175,169)

#afa9af

#afa9af
rgb(175,169,175)

#afaca9

#afaca9
rgb(175,172,169)

Cores monocromáticas

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

#a9afa9

#a9afa9
rgb(169,175,169)

#8baf8b

#8baf8b
rgb(139,175,139)

#89af89

#89af89
rgb(137,175,137)

#87af87

#87af87
rgb(135,175,135)

#85af85

#85af85
rgb(133,175,133)

#84af84

#84af84
rgb(132,175,132)

Tons e Matizes de #a9afa9

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

Matiz (adicionando branco)
#a9afa9

#a9afa9
rgb(169,175,169)

#babfba

#babfba
rgb(186,191,186)

#cbcfcb

#cbcfcb
rgb(203,207,203)

#dcdfdc

#dcdfdc
rgb(220,223,220)

#edefed

#edefed
rgb(237,239,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a9afa9

#a9afa9
rgb(169,175,169)

#878c87

#878c87
rgb(135,140,135)

#656965

#656965
rgb(101,105,101)

#434543

#434543
rgb(67,69,67)

#212221

#212221
rgb(33,34,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a9afa9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a9afa9.

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

Este elemento tem uma cor de borda de #a9afa9.

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

Cores alietórias

#00046f

#00046f
rgb(0,4,111)

#88292c

#88292c
rgb(136,41,44)

#9c9a10

#9c9a10
rgb(156,154,16)

#7670d2

#7670d2
rgb(118,112,210)

#2e7691

#2e7691
rgb(46,118,145)

#e6d75a

#e6d75a
rgb(230,215,90)

#259cf4

#259cf4
rgb(37,156,244)

#d55dab

#d55dab
rgb(213,93,171)

#9cd444

#9cd444
rgb(156,212,68)

#eff229

#eff229
rgb(239,242,41)

#1acace

#1acace
rgb(26,202,206)

#020d87

#020d87
rgb(2,13,135)