Informação da cor #b58e25

A cor hexadecimal b58e25 no modelo de cores RGB (Red, Green, Blue), é um composta por 181 de vermelho, 142 de verde e 37 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 21.5% de magenta, 79.6% de amarelo e 29% de preto. Tem um ângulo de matiz de 43.8 graus, uma saturação de 66.1% e uma leveza de 42.8%.

A cor mais próxima WebSafe é 996600.

Conversões de #b58e25 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 b58e25
RGB 181, 142, 37
RGB Percentagem 71%, 55.7%, 14.5%
CMYK 0, 0.22, 0.8, 0.29
HSL 43.8°, 66.1%, 42.8%
HSV (ou HSB) 43.8°, 79.6%, 71%
RYB 35.7, 71, 14.5
Formato Cor
XYZ 31.6, 32.2, 7
CIELab 63.54, 3.45, 57.02
Decimal 11898405
Yxy 29.3054, 0.4524, 0.4561
YUV 141.691, 68.9193, 156.0378
CIELuv 61.0502, 32.7327, 58.7716
Web Safe 996600

Distribuição de #b58e25

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.

#b58e25

#b58e25
rgb(181,142,37)

#264db5

#264db5
rgb(38,77,181)

Cores triadicas

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

#26b58e

#26b58e
rgb(38,181,142)

#b58e25

#b58e25
rgb(181,142,37)

#8f26b5

#8f26b5
rgb(143,38,181)

Cores tetrádicas

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

#26b546

#26b546
rgb(38,181,70)

#b58e25

#b58e25
rgb(181,142,37)

#264db5

#264db5
rgb(38,77,181)

#b52694

#b52694
rgb(181,38,148)

Cores monocromáticas

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

#b58e25

#b58e25
rgb(181,142,37)

#b5ab8e

#b5ab8e
rgb(181,171,142)

#b5aa8c

#b5aa8c
rgb(181,170,140)

#b5aa8a

#b5aa8a
rgb(181,170,138)

#b5a989

#b5a989
rgb(181,169,137)

#b5a987

#b5a987
rgb(181,169,135)

Tons e Matizes de #b58e25

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

Matiz (adicionando branco)
#b58e25

#b58e25
rgb(181,142,37)

#c3a450

#c3a450
rgb(195,164,80)

#d2bb7c

#d2bb7c
rgb(210,187,124)

#e1d1a7

#e1d1a7
rgb(225,209,167)

#f0e8d3

#f0e8d3
rgb(240,232,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b58e25

#b58e25
rgb(181,142,37)

#90711d

#90711d
rgb(144,113,29)

#6c5516

#6c5516
rgb(108,85,22)

#48380e

#48380e
rgb(72,56,14)

#241c07

#241c07
rgb(36,28,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b58e25

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b58e25.

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

Este elemento tem uma cor de borda de #b58e25.

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

Cores alietórias

#34a301

#34a301
rgb(52,163,1)

#00765a

#00765a
rgb(0,118,90)

#54ad0a

#54ad0a
rgb(84,173,10)

#138f45

#138f45
rgb(19,143,69)

#02862f

#02862f
rgb(2,134,47)

#196f20

#196f20
rgb(25,111,32)

#5146f6

#5146f6
rgb(81,70,246)

#85dd82

#85dd82
rgb(133,221,130)

#d3b756

#d3b756
rgb(211,183,86)

#038773

#038773
rgb(3,135,115)

#c4ff85

#c4ff85
rgb(196,255,133)

#c94979

#c94979
rgb(201,73,121)