Informação da cor #b1899a

A cor hexadecimal b1899a no modelo de cores RGB (Red, Green, Blue), é um composta por 177 de vermelho, 137 de verde e 154 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 22.6% de magenta, 13% de amarelo e 30.6% de preto. Tem um ângulo de matiz de 334.5 graus, uma saturação de 20.4% e uma leveza de 61.6%.

A cor mais próxima WebSafe é 996699.

Conversões de #b1899a 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 b1899a
RGB 177, 137, 154
RGB Percentagem 69.4%, 53.7%, 60.4%
CMYK 0, 0.23, 0.13, 0.31
HSL 334.5°, 20.4%, 61.6%
HSV (ou HSB) 334.5°, 22.6%, 69.4%
RYB 69.4, 53.7, 60.4
Formato Cor
XYZ 35.9, 32.7, 38
CIELab 63.88, 17, -3.08
Decimal 11635098
Yxy 29.5727, 0.3392, 0.3048
YUV 150.898, 129.7506, 146.6177
CIELuv 61.2838, 23.1649, -7.6043
Web Safe 996699

Distribuição de #b1899a

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.

#b1899a

#b1899a
rgb(177,137,154)

#89b1a0

#89b1a0
rgb(137,177,160)

Cores triadicas

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

#9ab189

#9ab189
rgb(154,177,137)

#b1899a

#b1899a
rgb(177,137,154)

#899ab1

#899ab1
rgb(137,154,177)

Cores tetrádicas

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

#aeb189

#aeb189
rgb(174,177,137)

#b1899a

#b1899a
rgb(177,137,154)

#89b1a0

#89b1a0
rgb(137,177,160)

#8c89b1

#8c89b1
rgb(140,137,177)

Cores monocromáticas

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

#b1899a

#b1899a
rgb(177,137,154)

#b18c9c

#b18c9c
rgb(177,140,156)

#b18a9b

#b18a9b
rgb(177,138,155)

#b1889a

#b1889a
rgb(177,136,154)

#b18799

#b18799
rgb(177,135,153)

#b18598

#b18598
rgb(177,133,152)

Tons e Matizes de #b1899a

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

Matiz (adicionando branco)
#b1899a

#b1899a
rgb(177,137,154)

#c0a0ae

#c0a0ae
rgb(192,160,174)

#d0b8c2

#d0b8c2
rgb(208,184,194)

#dfcfd6

#dfcfd6
rgb(223,207,214)

#efe7ea

#efe7ea
rgb(239,231,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b1899a

#b1899a
rgb(177,137,154)

#8d6d7b

#8d6d7b
rgb(141,109,123)

#6a525c

#6a525c
rgb(106,82,92)

#46363d

#46363d
rgb(70,54,61)

#231b1e

#231b1e
rgb(35,27,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b1899a

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

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

Contraste

Branco e #b1899a
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 #b1899a
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #b1899a

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

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

Este parágrafo tem fundo de cor #b1899a.

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

Este elemento tem uma cor de borda de #b1899a.

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

Cores alietórias

#f32af7

#f32af7
rgb(243,42,247)

#aa5068

#aa5068
rgb(170,80,104)

#fc7387

#fc7387
rgb(252,115,135)

#cf2f2f

#cf2f2f
rgb(207,47,47)

#a87114

#a87114
rgb(168,113,20)

#287d45

#287d45
rgb(40,125,69)

#ce291c

#ce291c
rgb(206,41,28)

#2e06c4

#2e06c4
rgb(46,6,196)

#d19f04

#d19f04
rgb(209,159,4)

#72f18a

#72f18a
rgb(114,241,138)

#9788da

#9788da
rgb(151,136,218)

#e5d4f8

#e5d4f8
rgb(229,212,248)