Informação da cor #895b5c

A cor hexadecimal 895b5c no modelo de cores RGB (Red, Green, Blue), é um composta por 137 de vermelho, 91 de verde e 92 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 33.6% de magenta, 32.8% de amarelo e 46.3% de preto. Tem um ângulo de matiz de 358.7 graus, uma saturação de 20.2% e uma leveza de 44.7%.

A cor mais próxima WebSafe é 663333.

Conversões de #895b5c 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 895b5c
RGB 137, 91, 92
RGB Percentagem 53.7%, 35.7%, 36.1%
CMYK 0, 0.34, 0.33, 0.46
HSL 358.7°, 20.2%, 44.7%
HSV (ou HSB) 358.7°, 33.6%, 53.7%
RYB 53.7, 35.7, 36.1
Formato Cor
XYZ 18.4, 15.9, 14.3
CIELab 46.88, 18.3, 6.76
Decimal 9001820
Yxy 13.5743, 0.3856, 0.3274
YUV 104.868, 120.7381, 150.9187
CIELuv 43.6161, 29.8699, 5.7719
Web Safe 663333

Distribuição de #895b5c

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.

#895b5c

#895b5c
rgb(137,91,92)

#5b8988

#5b8988
rgb(91,137,136)

Cores triadicas

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

#5d895b

#5d895b
rgb(93,137,91)

#895b5c

#895b5c
rgb(137,91,92)

#5b5d89

#5b5d89
rgb(91,93,137)

Cores tetrádicas

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

#74895b

#74895b
rgb(116,137,91)

#895b5c

#895b5c
rgb(137,91,92)

#5b8988

#5b8988
rgb(91,137,136)

#715b89

#715b89
rgb(113,91,137)

Cores monocromáticas

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

#895b5c

#895b5c
rgb(137,91,92)

#896c6d

#896c6d
rgb(137,108,109)

#896b6c

#896b6c
rgb(137,107,108)

#896a6a

#896a6a
rgb(137,106,106)

#896869

#896869
rgb(137,104,105)

#896768

#896768
rgb(137,103,104)

Tons e Matizes de #895b5c

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

Matiz (adicionando branco)
#895b5c

#895b5c
rgb(137,91,92)

#a07b7c

#a07b7c
rgb(160,123,124)

#b89c9d

#b89c9d
rgb(184,156,157)

#cfbdbd

#cfbdbd
rgb(207,189,189)

#e7dede

#e7dede
rgb(231,222,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#895b5c

#895b5c
rgb(137,91,92)

#6d4849

#6d4849
rgb(109,72,73)

#523637

#523637
rgb(82,54,55)

#362424

#362424
rgb(54,36,36)

#1b1212

#1b1212
rgb(27,18,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #895b5c

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

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

Contraste

Branco e #895b5c
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.

Preto e #895b5c
Texto grande WCAG AA ✓ 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.

Exemplos CSS

Texto com cor hexadecimal #895b5c

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

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

Este parágrafo tem fundo de cor #895b5c.

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

Este elemento tem uma cor de borda de #895b5c.

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

Cores alietórias

#440caa

#440caa
rgb(68,12,170)

#2d82f9

#2d82f9
rgb(45,130,249)

#578b25

#578b25
rgb(87,139,37)

#f59daa

#f59daa
rgb(245,157,170)

#347e0d

#347e0d
rgb(52,126,13)

#837e4e

#837e4e
rgb(131,126,78)

#e29755

#e29755
rgb(226,151,85)

#b14699

#b14699
rgb(177,70,153)

#681b32

#681b32
rgb(104,27,50)

#417083

#417083
rgb(65,112,131)

#c75be6

#c75be6
rgb(199,91,230)

#fd6203

#fd6203
rgb(253,98,3)