Informação da cor #59745e

A cor hexadecimal 59745e no modelo de cores RGB (Red, Green, Blue), é um composta por 89 de vermelho, 116 de verde e 94 de azul.

No padrão de cores CMYK, é composto por 23.3% de ciano, 0% de magenta, 19% de amarelo e 54.5% de preto. Tem um ângulo de matiz de 131.1 graus, uma saturação de 13.2% e uma leveza de 40.2%.

A cor mais próxima WebSafe é 336633.

Conversões de #59745e 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 59745e
RGB 89, 116, 94
RGB Percentagem 34.9%, 45.5%, 36.9%
CMYK 0.23, 0, 0.19, 0.55
HSL 131.1°, 13.2%, 40.2%
HSV (ou HSB) 131.1°, 23.3%, 45.5%
RYB 34.9, 43.9, 45.5
Formato Cor
XYZ 14.6, 18, 15.4
CIELab 49.48, -14.24, 8.68
Decimal 5862494
Yxy 15.4224, 0.3042, 0.3787
YUV 105.419, 121.5559, 116.2889
CIELuv 46.2074, -13.4852, 13.8596
Web Safe 336633

Distribuição de #59745e

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.

#59745e

#59745e
rgb(89,116,94)

#745a6f

#745a6f
rgb(116,90,111)

Cores triadicas

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

#5f5a74

#5f5a74
rgb(95,90,116)

#59745e

#59745e
rgb(89,116,94)

#745f5a

#745f5a
rgb(116,95,90)

Cores tetrádicas

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

#5a6274

#5a6274
rgb(90,98,116)

#59745e

#59745e
rgb(89,116,94)

#745a6f

#745a6f
rgb(116,90,111)

#746c5a

#746c5a
rgb(116,108,90)

Cores monocromáticas

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

#59745e

#59745e
rgb(89,116,94)

#5c7460

#5c7460
rgb(92,116,96)

#5b745f

#5b745f
rgb(91,116,95)

#5a745f

#5a745f
rgb(90,116,95)

#58745e

#58745e
rgb(88,116,94)

#57745d

#57745d
rgb(87,116,93)

Tons e Matizes de #59745e

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

Matiz (adicionando branco)
#59745e

#59745e
rgb(89,116,94)

#7a8f7e

#7a8f7e
rgb(122,143,126)

#9bab9e

#9bab9e
rgb(155,171,158)

#bcc7be

#bcc7be
rgb(188,199,190)

#dde3de

#dde3de
rgb(221,227,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#59745e

#59745e
rgb(89,116,94)

#475c4b

#475c4b
rgb(71,92,75)

#354538

#354538
rgb(53,69,56)

#232e25

#232e25
rgb(35,46,37)

#111712

#111712
rgb(17,23,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #59745e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #59745e.

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

Este elemento tem uma cor de borda de #59745e.

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

Cores alietórias

#6c610f

#6c610f
rgb(108,97,15)

#e1b572

#e1b572
rgb(225,181,114)

#95e386

#95e386
rgb(149,227,134)

#0dca12

#0dca12
rgb(13,202,18)

#632f1b

#632f1b
rgb(99,47,27)

#778ab0

#778ab0
rgb(119,138,176)

#37f15f

#37f15f
rgb(55,241,95)

#241430

#241430
rgb(36,20,48)

#819bac

#819bac
rgb(129,155,172)

#dd6095

#dd6095
rgb(221,96,149)

#e78945

#e78945
rgb(231,137,69)

#b10e02

#b10e02
rgb(177,14,2)