Informação da cor #aaafaa

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

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

A cor mais próxima WebSafe é 999999.

Conversões de #aaafaa 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 aaafaa
RGB 170, 175, 170
RGB Percentagem 66.7%, 68.6%, 66.7%
CMYK 0.03, 0, 0.03, 0.31
HSL 120°, 3%, 67.7%
HSV (ou HSB) 120°, 2.9%, 68.6%
RYB 66.7, 68.6, 68.6
Formato Cor
XYZ 42.2, 45.3, 47.5
CIELab 73.06, -2.54, 1.83
Decimal 11186090
Yxy 42.1081, 0.3124, 0.3359
YUV 172.935, 126.3437, 125.9066
CIELuv 70.9454, -2.557, 3.3056
Web Safe 999999

Distribuição de #aaafaa

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.

#aaafaa

#aaafaa
rgb(170,175,170)

#afaaaf

#afaaaf
rgb(175,170,175)

Cores triadicas

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

#aaaaaf

#aaaaaf
rgb(170,170,175)

#aaafaa

#aaafaa
rgb(170,175,170)

#afaaaa

#afaaaa
rgb(175,170,170)

Cores tetrádicas

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

#aaadaf

#aaadaf
rgb(170,173,175)

#aaafaa

#aaafaa
rgb(170,175,170)

#afaaaf

#afaaaf
rgb(175,170,175)

#afadaa

#afadaa
rgb(175,173,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.

#aaafaa

#aaafaa
rgb(170,175,170)

#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 #aaafaa

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

Matiz (adicionando branco)
#aaafaa

#aaafaa
rgb(170,175,170)

#bbbfbb

#bbbfbb
rgb(187,191,187)

#cccfcc

#cccfcc
rgb(204,207,204)

#dddfdd

#dddfdd
rgb(221,223,221)

#eeefee

#eeefee
rgb(238,239,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aaafaa

#aaafaa
rgb(170,175,170)

#888c88

#888c88
rgb(136,140,136)

#666966

#666966
rgb(102,105,102)

#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 #aaafaa fica em um fundo branco.

Fundo preto

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

Fundo de cor #aaafaa

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #aaafaa.

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

Este elemento tem uma cor de borda de #aaafaa.

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

Cores alietórias

#eee051

#eee051
rgb(238,224,81)

#b8e586

#b8e586
rgb(184,229,134)

#ac8253

#ac8253
rgb(172,130,83)

#00e979

#00e979
rgb(0,233,121)

#54dd4b

#54dd4b
rgb(84,221,75)

#273731

#273731
rgb(39,55,49)

#66a825

#66a825
rgb(102,168,37)

#b250c1

#b250c1
rgb(178,80,193)

#12a2e8

#12a2e8
rgb(18,162,232)

#182d0d

#182d0d
rgb(24,45,13)

#b3267b

#b3267b
rgb(179,38,123)

#2d5c31

#2d5c31
rgb(45,92,49)