Informação da cor #b1b267

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

No padrão de cores CMYK, é composto por 0.6% de ciano, 0% de magenta, 42.1% de amarelo e 30.2% de preto. Tem um ângulo de matiz de 60.8 graus, uma saturação de 32.8% e uma leveza de 55.1%.

A cor mais próxima WebSafe é 999966.

Conversões de #b1b267 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 b1b267
RGB 177, 178, 103
RGB Percentagem 69.4%, 69.8%, 40.4%
CMYK 0.01, 0, 0.42, 0.3
HSL 60.8°, 32.8%, 55.1%
HSV (ou HSB) 60.8°, 42.1%, 69.8%
RYB 40.4, 69.8, 40.8
Formato Cor
XYZ 39.3, 45.2, 21.8
CIELab 73.04, -11.19, 36.5
Decimal 11645543
Yxy 42.1679, 0.3735, 0.4315
YUV 169.151, 90.6687, 133.5984
CIELuv 70.9865, 2.9734, 50.1036
Web Safe 999966

Distribuição de #b1b267

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.

#b1b267

#b1b267
rgb(177,178,103)

#6867b2

#6867b2
rgb(104,103,178)

Cores triadicas

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

#67b2b2

#67b2b2
rgb(103,178,178)

#b1b267

#b1b267
rgb(177,178,103)

#b267b2

#b267b2
rgb(178,103,178)

Cores tetrádicas

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

#67b28e

#67b28e
rgb(103,178,142)

#b1b267

#b1b267
rgb(177,178,103)

#6867b2

#6867b2
rgb(104,103,178)

#b2678c

#b2678c
rgb(178,103,140)

Cores monocromáticas

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

#b1b267

#b1b267
rgb(177,178,103)

#b2b28c

#b2b28c
rgb(178,178,140)

#b2b28b

#b2b28b
rgb(178,178,139)

#b2b289

#b2b289
rgb(178,178,137)

#b2b287

#b2b287
rgb(178,178,135)

#b2b285

#b2b285
rgb(178,178,133)

Tons e Matizes de #b1b267

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

Matiz (adicionando branco)
#b1b267

#b1b267
rgb(177,178,103)

#c0c185

#c0c185
rgb(192,193,133)

#d0d0a3

#d0d0a3
rgb(208,208,163)

#dfe0c2

#dfe0c2
rgb(223,224,194)

#efefe0

#efefe0
rgb(239,239,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b1b267

#b1b267
rgb(177,178,103)

#8d8e52

#8d8e52
rgb(141,142,82)

#6a6a3d

#6a6a3d
rgb(106,106,61)

#464729

#464729
rgb(70,71,41)

#232314

#232314
rgb(35,35,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b1b267

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b1b267.

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

Este elemento tem uma cor de borda de #b1b267.

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

Cores alietórias

#6dd7a7

#6dd7a7
rgb(109,215,167)

#37ca81

#37ca81
rgb(55,202,129)

#fe31bc

#fe31bc
rgb(254,49,188)

#bea15a

#bea15a
rgb(190,161,90)

#4a3242

#4a3242
rgb(74,50,66)

#52d985

#52d985
rgb(82,217,133)

#bb61d2

#bb61d2
rgb(187,97,210)

#77becd

#77becd
rgb(119,190,205)

#dbcb82

#dbcb82
rgb(219,203,130)

#ab7b7b

#ab7b7b
rgb(171,123,123)

#31fe42

#31fe42
rgb(49,254,66)

#9d6726

#9d6726
rgb(157,103,38)