Informação da cor #a0abb6

A cor hexadecimal a0abb6 no modelo de cores RGB (Red, Green, Blue), é um composta por 160 de vermelho, 171 de verde e 182 de azul.

No padrão de cores CMYK, é composto por 12.1% de ciano, 6% de magenta, 0% de amarelo e 28.6% de preto. Tem um ângulo de matiz de 210 graus, uma saturação de 13.1% e uma leveza de 67.1%.

A cor mais próxima WebSafe é 999999.

Conversões de #a0abb6 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 a0abb6
RGB 160, 171, 182
RGB Percentagem 62.7%, 67.1%, 71.4%
CMYK 0.12, 0.06, 0, 0.29
HSL 210°, 13.1%, 67.1%
HSV (ou HSB) 210°, 12.1%, 71.4%
RYB 62.7, 65.9, 71.4
Formato Cor
XYZ 40.5, 43.1, 53.3
CIELab 71.65, -1.54, -6.53
Decimal 10529718
Yxy 39.9762, 0.2942, 0.3136
YUV 168.965, 135.3561, 121.6056
CIELuv 69.4526, -6.5549, -10.1457
Web Safe 999999

Distribuição de #a0abb6

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.

#a0abb6

#a0abb6
rgb(160,171,182)

#b6aca0

#b6aca0
rgb(182,172,160)

Cores triadicas

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

#b6a0ac

#b6a0ac
rgb(182,160,172)

#a0abb6

#a0abb6
rgb(160,171,182)

#acb6a0

#acb6a0
rgb(172,182,160)

Cores tetrádicas

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

#b6a0b6

#b6a0b6
rgb(182,160,182)

#a0abb6

#a0abb6
rgb(160,171,182)

#b6aca0

#b6aca0
rgb(182,172,160)

#a0b6a0

#a0b6a0
rgb(160,182,160)

Cores monocromáticas

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

#a0abb6

#a0abb6
rgb(160,171,182)

#90a3b6

#90a3b6
rgb(144,163,182)

#8ea2b6

#8ea2b6
rgb(142,162,182)

#8ca1b6

#8ca1b6
rgb(140,161,182)

#8ba1b6

#8ba1b6
rgb(139,161,182)

#89a0b6

#89a0b6
rgb(137,160,182)

Tons e Matizes de #a0abb6

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

Matiz (adicionando branco)
#a0abb6

#a0abb6
rgb(160,171,182)

#b3bbc4

#b3bbc4
rgb(179,187,196)

#c6ccd3

#c6ccd3
rgb(198,204,211)

#d9dde1

#d9dde1
rgb(217,221,225)

#eceef0

#eceef0
rgb(236,238,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a0abb6

#a0abb6
rgb(160,171,182)

#808891

#808891
rgb(128,136,145)

#60666d

#60666d
rgb(96,102,109)

#3f4448

#3f4448
rgb(63,68,72)

#1f2224

#1f2224
rgb(31,34,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a0abb6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a0abb6.

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

Este elemento tem uma cor de borda de #a0abb6.

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

Cores alietórias

#3c7ea7

#3c7ea7
rgb(60,126,167)

#288e73

#288e73
rgb(40,142,115)

#fa497f

#fa497f
rgb(250,73,127)

#78b8f1

#78b8f1
rgb(120,184,241)

#d804bc

#d804bc
rgb(216,4,188)

#00fc2e

#00fc2e
rgb(0,252,46)

#95da9b

#95da9b
rgb(149,218,155)

#bb54aa

#bb54aa
rgb(187,84,170)

#407dbc

#407dbc
rgb(64,125,188)

#676f18

#676f18
rgb(103,111,24)

#c45d48

#c45d48
rgb(196,93,72)

#da6fb7

#da6fb7
rgb(218,111,183)