Informação da cor #5a6f57

A cor hexadecimal 5a6f57 no modelo de cores RGB (Red, Green, Blue), é um composta por 90 de vermelho, 111 de verde e 87 de azul.

No padrão de cores CMYK, é composto por 18.9% de ciano, 0% de magenta, 21.6% de amarelo e 56.5% de preto. Tem um ângulo de matiz de 112.5 graus, uma saturação de 12.1% e uma leveza de 38.8%.

A cor mais próxima WebSafe é 336633.

Conversões de #5a6f57 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 5a6f57
RGB 90, 111, 87
RGB Percentagem 35.3%, 43.5%, 34.1%
CMYK 0.19, 0, 0.22, 0.56
HSL 112.5°, 12.1%, 38.8%
HSV (ou HSB) 112.5°, 21.6%, 43.5%
RYB 34.1, 43.5, 42.4
Formato Cor
XYZ 13.8, 16.7, 13.5
CIELab 47.9, -12.54, 10.53
Decimal 5926743
Yxy 14.2304, 0.3141, 0.3846
YUV 101.985, 119.5435, 119.4515
CIELuv 44.5616, -10.4498, 15.6785
Web Safe 336633

Distribuição de #5a6f57

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.

#5a6f57

#5a6f57
rgb(90,111,87)

#6d576f

#6d576f
rgb(109,87,111)

Cores triadicas

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

#575a6f

#575a6f
rgb(87,90,111)

#5a6f57

#5a6f57
rgb(90,111,87)

#6f575a

#6f575a
rgb(111,87,90)

Cores tetrádicas

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

#57666f

#57666f
rgb(87,102,111)

#5a6f57

#5a6f57
rgb(90,111,87)

#6d576f

#6d576f
rgb(109,87,111)

#6f6157

#6f6157
rgb(111,97,87)

Cores monocromáticas

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

#5a6f57

#5a6f57
rgb(90,111,87)

#5b6f58

#5b6f58
rgb(91,111,88)

#5a6f57

#5a6f57
rgb(90,111,87)

#596f56

#596f56
rgb(89,111,86)

#586f55

#586f55
rgb(88,111,85)

#576f54

#576f54
rgb(87,111,84)

Tons e Matizes de #5a6f57

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

Matiz (adicionando branco)
#5a6f57

#5a6f57
rgb(90,111,87)

#7b8b78

#7b8b78
rgb(123,139,120)

#9ca89a

#9ca89a
rgb(156,168,154)

#bdc5bb

#bdc5bb
rgb(189,197,187)

#dee2dd

#dee2dd
rgb(222,226,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5a6f57

#5a6f57
rgb(90,111,87)

#485845

#485845
rgb(72,88,69)

#364234

#364234
rgb(54,66,52)

#232c22

#232c22
rgb(35,44,34)

#111611

#111611
rgb(17,22,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5a6f57

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

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

Contraste

Branco e #5a6f57
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 #5a6f57
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 #5a6f57

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

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

Este parágrafo tem fundo de cor #5a6f57.

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

Este elemento tem uma cor de borda de #5a6f57.

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

Cores alietórias

#9d3e66

#9d3e66
rgb(157,62,102)

#b01bcf

#b01bcf
rgb(176,27,207)

#68acb3

#68acb3
rgb(104,172,179)

#be8de9

#be8de9
rgb(190,141,233)

#aaddb3

#aaddb3
rgb(170,221,179)

#d84462

#d84462
rgb(216,68,98)

#14bd97

#14bd97
rgb(20,189,151)

#f157f1

#f157f1
rgb(241,87,241)

#c1ef5f

#c1ef5f
rgb(193,239,95)

#50e311

#50e311
rgb(80,227,17)

#bab015

#bab015
rgb(186,176,21)

#b744f0

#b744f0
rgb(183,68,240)