Informação da cor #bab0b2

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

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

A cor mais próxima WebSafe é 999999.

Conversões de #bab0b2 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 bab0b2
RGB 186, 176, 178
RGB Percentagem 72.9%, 69%, 69.8%
CMYK 0, 0.05, 0.04, 0.27
HSL 348°, 6.8%, 71%
HSV (ou HSB) 348°, 5.4%, 72.9%
RYB 72.9, 69, 69.8
Formato Cor
XYZ 46.7, 47.8, 51.8
CIELab 74.7, 3.67, 0.23
Decimal 12234930
Yxy 44.7045, 0.3199, 0.3264
YUV 179.218, 127.3126, 132.8374
CIELuv 72.6969, 5.6747, -0.3027
Web Safe 999999

Distribuição de #bab0b2

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.

#bab0b2

#bab0b2
rgb(186,176,178)

#b0bab8

#b0bab8
rgb(176,186,184)

Cores triadicas

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

#b2bab0

#b2bab0
rgb(178,186,176)

#bab0b2

#bab0b2
rgb(186,176,178)

#b0b2ba

#b0b2ba
rgb(176,178,186)

Cores tetrádicas

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

#b7bab0

#b7bab0
rgb(183,186,176)

#bab0b2

#bab0b2
rgb(186,176,178)

#b0bab8

#b0bab8
rgb(176,186,184)

#b3b0ba

#b3b0ba
rgb(179,176,186)

Cores monocromáticas

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

#bab0b2

#bab0b2
rgb(186,176,178)

#ba939b

#ba939b
rgb(186,147,155)

#ba919a

#ba919a
rgb(186,145,154)

#ba9098

#ba9098
rgb(186,144,152)

#ba8e97

#ba8e97
rgb(186,142,151)

#ba8c95

#ba8c95
rgb(186,140,149)

Tons e Matizes de #bab0b2

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

Matiz (adicionando branco)
#bab0b2

#bab0b2
rgb(186,176,178)

#c7bfc1

#c7bfc1
rgb(199,191,193)

#d5cfd0

#d5cfd0
rgb(213,207,208)

#e3dfe0

#e3dfe0
rgb(227,223,224)

#f1efef

#f1efef
rgb(241,239,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bab0b2

#bab0b2
rgb(186,176,178)

#948c8e

#948c8e
rgb(148,140,142)

#6f696a

#6f696a
rgb(111,105,106)

#4a4647

#4a4647
rgb(74,70,71)

#252323

#252323
rgb(37,35,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bab0b2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bab0b2.

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

Este elemento tem uma cor de borda de #bab0b2.

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

Cores alietórias

#2df724

#2df724
rgb(45,247,36)

#a89c78

#a89c78
rgb(168,156,120)

#16dd39

#16dd39
rgb(22,221,57)

#3f2aa1

#3f2aa1
rgb(63,42,161)

#750aeb

#750aeb
rgb(117,10,235)

#76f274

#76f274
rgb(118,242,116)

#ea6982

#ea6982
rgb(234,105,130)

#40ab1e

#40ab1e
rgb(64,171,30)

#9656d6

#9656d6
rgb(150,86,214)

#ae03cd

#ae03cd
rgb(174,3,205)

#073e46

#073e46
rgb(7,62,70)

#f7c9e3

#f7c9e3
rgb(247,201,227)