Informação da cor #b4b22d

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

No padrão de cores CMYK, é composto por 0% de ciano, 1.1% de magenta, 75% de amarelo e 29.4% de preto. Tem um ângulo de matiz de 59.1 graus, uma saturação de 60% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 999900.

Conversões de #b4b22d 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 b4b22d
RGB 180, 178, 45
RGB Percentagem 70.6%, 69.8%, 17.6%
CMYK 0, 0.01, 0.75, 0.29
HSL 59.1°, 60%, 44.1%
HSV (ou HSB) 59.1°, 75%, 70.6%
RYB 18.8, 70.6, 17.6
Formato Cor
XYZ 37.8, 44.7, 10
CIELab 72.68, -14.65, 62.68
Decimal 11842093
Yxy 41.7347, 0.4113, 0.4874
YUV 163.436, 61.1625, 139.8145
CIELuv 70.6876, 6.5498, 71.8417
Web Safe 999900

Distribuição de #b4b22d

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.

#b4b22d

#b4b22d
rgb(180,178,45)

#2d30b4

#2d30b4
rgb(45,48,180)

Cores triadicas

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

#2db4b2

#2db4b2
rgb(45,180,178)

#b4b22d

#b4b22d
rgb(180,178,45)

#b22db4

#b22db4
rgb(178,45,180)

Cores tetrádicas

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

#2db46f

#2db46f
rgb(45,180,111)

#b4b22d

#b4b22d
rgb(180,178,45)

#2d30b4

#2d30b4
rgb(45,48,180)

#b42d73

#b42d73
rgb(180,45,115)

Cores monocromáticas

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

#b4b22d

#b4b22d
rgb(180,178,45)

#b4b48d

#b4b48d
rgb(180,180,141)

#b4b48c

#b4b48c
rgb(180,180,140)

#b4b48a

#b4b48a
rgb(180,180,138)

#b4b488

#b4b488
rgb(180,180,136)

#b4b486

#b4b486
rgb(180,180,134)

Tons e Matizes de #b4b22d

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

Matiz (adicionando branco)
#b4b22d

#b4b22d
rgb(180,178,45)

#c3c157

#c3c157
rgb(195,193,87)

#d2d081

#d2d081
rgb(210,208,129)

#e1e0ab

#e1e0ab
rgb(225,224,171)

#f0efd5

#f0efd5
rgb(240,239,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b4b22d

#b4b22d
rgb(180,178,45)

#908e24

#908e24
rgb(144,142,36)

#6c6a1b

#6c6a1b
rgb(108,106,27)

#474711

#474711
rgb(71,71,17)

#232308

#232308
rgb(35,35,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b4b22d

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b4b22d.

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

Este elemento tem uma cor de borda de #b4b22d.

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

Cores alietórias

#054582

#054582
rgb(5,69,130)

#116423

#116423
rgb(17,100,35)

#9425e1

#9425e1
rgb(148,37,225)

#153025

#153025
rgb(21,48,37)

#2857dd

#2857dd
rgb(40,87,221)

#552bef

#552bef
rgb(85,43,239)

#dfdc3c

#dfdc3c
rgb(223,220,60)

#aed504

#aed504
rgb(174,213,4)

#dc6f2f

#dc6f2f
rgb(220,111,47)

#ee6cd4

#ee6cd4
rgb(238,108,212)

#aa704b

#aa704b
rgb(170,112,75)

#0cf5f1

#0cf5f1
rgb(12,245,241)