Informação da cor #a1b6bd

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

No padrão de cores CMYK, é composto por 14.8% de ciano, 3.7% de magenta, 0% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 195 graus, uma saturação de 17.5% e uma leveza de 68.6%.

A cor mais próxima WebSafe é 999999.

Conversões de #a1b6bd 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 a1b6bd
RGB 161, 182, 189
RGB Percentagem 63.1%, 71.4%, 74.1%
CMYK 0.15, 0.04, 0, 0.26
HSL 195°, 17.5%, 68.6%
HSV (ou HSB) 195°, 14.8%, 74.1%
RYB 63.1, 67.8, 74.1
Formato Cor
XYZ 43.6, 47.8, 57.9
CIELab 74.69, -5.43, -5.62
Decimal 10598077
Yxy 44.7062, 0.2902, 0.3195
YUV 176.519, 135.0435, 116.9308
CIELuv 72.698, -11.5437, -8.0707
Web Safe 999999

Distribuição de #a1b6bd

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.

#a1b6bd

#a1b6bd
rgb(161,182,189)

#bda8a1

#bda8a1
rgb(189,168,161)

Cores triadicas

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

#bda1b6

#bda1b6
rgb(189,161,182)

#a1b6bd

#a1b6bd
rgb(161,182,189)

#b6bda1

#b6bda1
rgb(182,189,161)

Cores tetrádicas

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

#b6a1bd

#b6a1bd
rgb(182,161,189)

#a1b6bd

#a1b6bd
rgb(161,182,189)

#bda8a1

#bda8a1
rgb(189,168,161)

#a8bda1

#a8bda1
rgb(168,189,161)

Cores monocromáticas

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

#a1b6bd

#a1b6bd
rgb(161,182,189)

#96b4bd

#96b4bd
rgb(150,180,189)

#94b3bd

#94b3bd
rgb(148,179,189)

#92b3bd

#92b3bd
rgb(146,179,189)

#90b2bd

#90b2bd
rgb(144,178,189)

#8eb2bd

#8eb2bd
rgb(142,178,189)

Tons e Matizes de #a1b6bd

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

Matiz (adicionando branco)
#a1b6bd

#a1b6bd
rgb(161,182,189)

#b3c4ca

#b3c4ca
rgb(179,196,202)

#c6d3d7

#c6d3d7
rgb(198,211,215)

#d9e1e4

#d9e1e4
rgb(217,225,228)

#ecf0f1

#ecf0f1
rgb(236,240,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a1b6bd

#a1b6bd
rgb(161,182,189)

#809197

#809197
rgb(128,145,151)

#606d71

#606d71
rgb(96,109,113)

#40484b

#40484b
rgb(64,72,75)

#202425

#202425
rgb(32,36,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a1b6bd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a1b6bd.

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

Este elemento tem uma cor de borda de #a1b6bd.

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

Cores alietórias

#a2f9f3

#a2f9f3
rgb(162,249,243)

#cbf8dd

#cbf8dd
rgb(203,248,221)

#029bf2

#029bf2
rgb(2,155,242)

#a2328a

#a2328a
rgb(162,50,138)

#33e4ab

#33e4ab
rgb(51,228,171)

#2c9132

#2c9132
rgb(44,145,50)

#b6e944

#b6e944
rgb(182,233,68)

#f67c33

#f67c33
rgb(246,124,51)

#7b2852

#7b2852
rgb(123,40,82)

#2b0ae7

#2b0ae7
rgb(43,10,231)

#617884

#617884
rgb(97,120,132)

#a51f43

#a51f43
rgb(165,31,67)