Informação da cor #aaada6

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

No padrão de cores CMYK, é composto por 1.7% de ciano, 0% de magenta, 4% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 85.7 graus, uma saturação de 4.1% e uma leveza de 66.5%.

A cor mais próxima WebSafe é 999999.

Conversões de #aaada6 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 aaada6
RGB 170, 173, 166
RGB Percentagem 66.7%, 67.8%, 65.1%
CMYK 0.02, 0, 0.04, 0.32
HSL 85.7°, 4.1%, 66.5%
HSV (ou HSB) 85.7°, 4.1%, 67.8%
RYB 65.1, 67.8, 66.3
Formato Cor
XYZ 41.4, 44.4, 45.5
CIELab 72.46, -2.23, 3.03
Decimal 11185574
Yxy 41.1863, 0.3159, 0.3387
YUV 171.305, 125.0062, 127.0692
CIELuv 70.3063, -1.3268, 5.0847
Web Safe 999999

Distribuição de #aaada6

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.

#aaada6

#aaada6
rgb(170,173,166)

#aaa6ad

#aaa6ad
rgb(170,166,173)

Cores triadicas

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

#a6aaad

#a6aaad
rgb(166,170,173)

#aaada6

#aaada6
rgb(170,173,166)

#ada6aa

#ada6aa
rgb(173,166,170)

Cores tetrádicas

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

#a6adad

#a6adad
rgb(166,173,173)

#aaada6

#aaada6
rgb(170,173,166)

#aaa6ad

#aaa6ad
rgb(170,166,173)

#ada6a7

#ada6a7
rgb(173,166,167)

Cores monocromáticas

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

#aaada6

#aaada6
rgb(170,173,166)

#9ead89

#9ead89
rgb(158,173,137)

#9dad87

#9dad87
rgb(157,173,135)

#9cad86

#9cad86
rgb(156,173,134)

#9cad84

#9cad84
rgb(156,173,132)

#9bad82

#9bad82
rgb(155,173,130)

Tons e Matizes de #aaada6

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

Matiz (adicionando branco)
#aaada6

#aaada6
rgb(170,173,166)

#bbbdb7

#bbbdb7
rgb(187,189,183)

#cccdc9

#cccdc9
rgb(204,205,201)

#dddedb

#dddedb
rgb(221,222,219)

#eeeeed

#eeeeed
rgb(238,238,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#aaada6

#aaada6
rgb(170,173,166)

#888a84

#888a84
rgb(136,138,132)

#666763

#666763
rgb(102,103,99)

#434542

#434542
rgb(67,69,66)

#212221

#212221
rgb(33,34,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #aaada6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #aaada6.

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

Este elemento tem uma cor de borda de #aaada6.

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

Cores alietórias

#5a9315

#5a9315
rgb(90,147,21)

#62cf6e

#62cf6e
rgb(98,207,110)

#70987d

#70987d
rgb(112,152,125)

#55643e

#55643e
rgb(85,100,62)

#d301c1

#d301c1
rgb(211,1,193)

#238cce

#238cce
rgb(35,140,206)

#a695ee

#a695ee
rgb(166,149,238)

#d8b803

#d8b803
rgb(216,184,3)

#dd8340

#dd8340
rgb(221,131,64)

#289a15

#289a15
rgb(40,154,21)

#b4fe5d

#b4fe5d
rgb(180,254,93)

#ccbef4

#ccbef4
rgb(204,190,244)