Informação da cor #b0a169

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

No padrão de cores CMYK, é composto por 0% de ciano, 8.5% de magenta, 40.3% de amarelo e 31% de preto. Tem um ângulo de matiz de 47.3 graus, uma saturação de 31% e uma leveza de 55.1%.

A cor mais próxima WebSafe é 999966.

Conversões de #b0a169 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 b0a169
RGB 176, 161, 105
RGB Percentagem 69%, 63.1%, 41.2%
CMYK 0, 0.09, 0.4, 0.31
HSL 47.3°, 31%, 55.1%
HSV (ou HSB) 47.3°, 40.3%, 69%
RYB 49, 69, 41.2
Formato Cor
XYZ 36.1, 38.9, 21.3
CIELab 68.66, -2.87, 29.81
Decimal 11575657
Yxy 35.7409, 0.3796, 0.4087
YUV 159.101, 97.469, 140.0535
CIELuv 66.3215, 12.6664, 40.0546
Web Safe 999966

Distribuição de #b0a169

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.

#b0a169

#b0a169
rgb(176,161,105)

#6978b0

#6978b0
rgb(105,120,176)

Cores triadicas

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

#69b0a2

#69b0a2
rgb(105,176,162)

#b0a169

#b0a169
rgb(176,161,105)

#a269b0

#a269b0
rgb(162,105,176)

Cores tetrádicas

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

#69b07e

#69b07e
rgb(105,176,126)

#b0a169

#b0a169
rgb(176,161,105)

#6978b0

#6978b0
rgb(105,120,176)

#b0699c

#b0699c
rgb(176,105,156)

Cores monocromáticas

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

#b0a169

#b0a169
rgb(176,161,105)

#b0a98b

#b0a98b
rgb(176,169,139)

#b0a889

#b0a889
rgb(176,168,137)

#b0a887

#b0a887
rgb(176,168,135)

#b0a786

#b0a786
rgb(176,167,134)

#b0a784

#b0a784
rgb(176,167,132)

Tons e Matizes de #b0a169

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

Matiz (adicionando branco)
#b0a169

#b0a169
rgb(176,161,105)

#bfb387

#bfb387
rgb(191,179,135)

#cfc6a5

#cfc6a5
rgb(207,198,165)

#dfd9c3

#dfd9c3
rgb(223,217,195)

#efece1

#efece1
rgb(239,236,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b0a169

#b0a169
rgb(176,161,105)

#8c8054

#8c8054
rgb(140,128,84)

#69603f

#69603f
rgb(105,96,63)

#464029

#464029
rgb(70,64,41)

#232014

#232014
rgb(35,32,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b0a169

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b0a169.

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

Este elemento tem uma cor de borda de #b0a169.

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

Cores alietórias

#6b1af4

#6b1af4
rgb(107,26,244)

#293928

#293928
rgb(41,57,40)

#fac889

#fac889
rgb(250,200,137)

#847173

#847173
rgb(132,113,115)

#9b4517

#9b4517
rgb(155,69,23)

#799788

#799788
rgb(121,151,136)

#9e05bc

#9e05bc
rgb(158,5,188)

#a18667

#a18667
rgb(161,134,103)

#ed49cd

#ed49cd
rgb(237,73,205)

#a8a296

#a8a296
rgb(168,162,150)

#88c68e

#88c68e
rgb(136,198,142)

#f58721

#f58721
rgb(245,135,33)