Informação da cor #b2bab0

A cor hexadecimal b2bab0 no modelo de cores RGB (Red, Green, Blue), é um composta por 178 de vermelho, 186 de verde e 176 de azul.

No padrão de cores CMYK, é composto por 4.3% de ciano, 0% de magenta, 5.4% de amarelo e 27.1% de preto. Tem um ângulo de matiz de 108 graus, uma saturação de 6.8% e uma leveza de 71%.

A cor mais próxima WebSafe é 999999.

Conversões de #b2bab0 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 b2bab0
RGB 178, 186, 176
RGB Percentagem 69.8%, 72.9%, 69%
CMYK 0.04, 0, 0.05, 0.27
HSL 108°, 6.8%, 71%
HSV (ou HSB) 108°, 5.4%, 72.9%
RYB 69, 72.9, 72.2
Formato Cor
XYZ 46.7, 50.8, 51.4
CIELab 76.53, -4.36, 3.84
Decimal 11713200
Yxy 47.7172, 0.3138, 0.3422
YUV 182.468, 124.3499, 124.8131
CIELuv 74.6462, -3.9927, 6.8184
Web Safe 999999

Distribuição de #b2bab0

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.

#b2bab0

#b2bab0
rgb(178,186,176)

#b8b0ba

#b8b0ba
rgb(184,176,186)

Cores triadicas

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

#b0b2ba

#b0b2ba
rgb(176,178,186)

#b2bab0

#b2bab0
rgb(178,186,176)

#bab0b2

#bab0b2
rgb(186,176,178)

Cores tetrádicas

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

#b0b7ba

#b0b7ba
rgb(176,183,186)

#b2bab0

#b2bab0
rgb(178,186,176)

#b8b0ba

#b8b0ba
rgb(184,176,186)

#bab3b0

#bab3b0
rgb(186,179,176)

Cores monocromáticas

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

#b2bab0

#b2bab0
rgb(178,186,176)

#9bba93

#9bba93
rgb(155,186,147)

#9aba91

#9aba91
rgb(154,186,145)

#98ba90

#98ba90
rgb(152,186,144)

#97ba8e

#97ba8e
rgb(151,186,142)

#95ba8c

#95ba8c
rgb(149,186,140)

Tons e Matizes de #b2bab0

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

Matiz (adicionando branco)
#b2bab0

#b2bab0
rgb(178,186,176)

#c1c7bf

#c1c7bf
rgb(193,199,191)

#d0d5cf

#d0d5cf
rgb(208,213,207)

#e0e3df

#e0e3df
rgb(224,227,223)

#eff1ef

#eff1ef
rgb(239,241,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b2bab0

#b2bab0
rgb(178,186,176)

#8e948c

#8e948c
rgb(142,148,140)

#6a6f69

#6a6f69
rgb(106,111,105)

#474a46

#474a46
rgb(71,74,70)

#232523

#232523
rgb(35,37,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b2bab0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b2bab0.

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

Este elemento tem uma cor de borda de #b2bab0.

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

Cores alietórias

#c75226

#c75226
rgb(199,82,38)

#183210

#183210
rgb(24,50,16)

#9717ae

#9717ae
rgb(151,23,174)

#772c95

#772c95
rgb(119,44,149)

#5de5fa

#5de5fa
rgb(93,229,250)

#597111

#597111
rgb(89,113,17)

#ddbf4b

#ddbf4b
rgb(221,191,75)

#c90adc

#c90adc
rgb(201,10,220)

#230799

#230799
rgb(35,7,153)

#be2cd0

#be2cd0
rgb(190,44,208)

#91d40b

#91d40b
rgb(145,212,11)

#883d3e

#883d3e
rgb(136,61,62)