Informação da cor #586f55

A cor hexadecimal 586f55 no modelo de cores RGB (Red, Green, Blue), é um composta por 88 de vermelho, 111 de verde e 85 de azul.

No padrão de cores CMYK, é composto por 20.7% de ciano, 0% de magenta, 23.4% de amarelo e 56.5% de preto. Tem um ângulo de matiz de 113.1 graus, uma saturação de 13.3% e uma leveza de 38.4%.

A cor mais próxima WebSafe é 336633.

Conversões de #586f55 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 586f55
RGB 88, 111, 85
RGB Percentagem 34.5%, 43.5%, 33.3%
CMYK 0.21, 0, 0.23, 0.56
HSL 113.1°, 13.3%, 38.4%
HSV (ou HSB) 113.1°, 23.4%, 43.5%
RYB 33.3, 43.5, 42.4
Formato Cor
XYZ 13.5, 16.6, 13
CIELab 47.72, -13.67, 11.42
Decimal 5795669
Yxy 14.0992, 0.3138, 0.3899
YUV 101.159, 118.8809, 118.6141
CIELuv 44.3748, -11.4321, 16.9097
Web Safe 336633

Distribuição de #586f55

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.

#586f55

#586f55
rgb(88,111,85)

#6d556f

#6d556f
rgb(109,85,111)

Cores triadicas

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

#55586f

#55586f
rgb(85,88,111)

#586f55

#586f55
rgb(88,111,85)

#6f5558

#6f5558
rgb(111,85,88)

Cores tetrádicas

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

#55656f

#55656f
rgb(85,101,111)

#586f55

#586f55
rgb(88,111,85)

#6d556f

#6d556f
rgb(109,85,111)

#6f6055

#6f6055
rgb(111,96,85)

Cores monocromáticas

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

#586f55

#586f55
rgb(88,111,85)

#5b6f58

#5b6f58
rgb(91,111,88)

#5a6f57

#5a6f57
rgb(90,111,87)

#596f56

#596f56
rgb(89,111,86)

#586f55

#586f55
rgb(88,111,85)

#576f53

#576f53
rgb(87,111,83)

Tons e Matizes de #586f55

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

Matiz (adicionando branco)
#586f55

#586f55
rgb(88,111,85)

#798b77

#798b77
rgb(121,139,119)

#9aa899

#9aa899
rgb(154,168,153)

#bcc5bb

#bcc5bb
rgb(188,197,187)

#dde2dd

#dde2dd
rgb(221,226,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#586f55

#586f55
rgb(88,111,85)

#465844

#465844
rgb(70,88,68)

#344233

#344233
rgb(52,66,51)

#232c21

#232c21
rgb(35,44,33)

#111610

#111610
rgb(17,22,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #586f55

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

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

Contraste

Branco e #586f55
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 #586f55
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 #586f55

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

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

Este parágrafo tem fundo de cor #586f55.

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

Este elemento tem uma cor de borda de #586f55.

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

Cores alietórias

#002f5c

#002f5c
rgb(0,47,92)

#b67d5c

#b67d5c
rgb(182,125,92)

#998bfe

#998bfe
rgb(153,139,254)

#96e554

#96e554
rgb(150,229,84)

#181a10

#181a10
rgb(24,26,16)

#ba4c42

#ba4c42
rgb(186,76,66)

#fc177d

#fc177d
rgb(252,23,125)

#8b2ffe

#8b2ffe
rgb(139,47,254)

#ec8eed

#ec8eed
rgb(236,142,237)

#ac9b43

#ac9b43
rgb(172,155,67)

#7799c3

#7799c3
rgb(119,153,195)

#dd5ee2

#dd5ee2
rgb(221,94,226)