Informação da cor #59654d

A cor hexadecimal 59654d no modelo de cores RGB (Red, Green, Blue), é um composta por 89 de vermelho, 101 de verde e 77 de azul.

No padrão de cores CMYK, é composto por 11.9% de ciano, 0% de magenta, 23.8% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 90 graus, uma saturação de 13.5% e uma leveza de 34.9%.

A cor mais próxima WebSafe é 333333.

Conversões de #59654d 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 59654d
RGB 89, 101, 77
RGB Percentagem 34.9%, 39.6%, 30.2%
CMYK 0.12, 0, 0.24, 0.6
HSL 90°, 13.5%, 34.9%
HSV (ou HSB) 90°, 23.8%, 39.6%
RYB 30.2, 39.6, 34.9
Formato Cor
XYZ 12.2, 14.3, 10.8
CIELab 44.62, -9.27, 11.84
Decimal 5858637
Yxy 11.9669, 0.3275, 0.3876
YUV 94.676, 118.0248, 123.9515
CIELuv 41.1635, -5.657, 16.1978
Web Safe 333333

Distribuição de #59654d

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.

#59654d

#59654d
rgb(89,101,77)

#594d65

#594d65
rgb(89,77,101)

Cores triadicas

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

#4d5965

#4d5965
rgb(77,89,101)

#59654d

#59654d
rgb(89,101,77)

#654d59

#654d59
rgb(101,77,89)

Cores tetrádicas

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

#4d6565

#4d6565
rgb(77,101,101)

#59654d

#59654d
rgb(89,101,77)

#594d65

#594d65
rgb(89,77,101)

#654d4d

#654d4d
rgb(101,77,77)

Cores monocromáticas

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

#59654d

#59654d
rgb(89,101,77)

#5b6550

#5b6550
rgb(91,101,80)

#5a654f

#5a654f
rgb(90,101,79)

#5a654e

#5a654e
rgb(90,101,78)

#59654d

#59654d
rgb(89,101,77)

#59654c

#59654c
rgb(89,101,76)

Tons e Matizes de #59654d

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

Matiz (adicionando branco)
#59654d

#59654d
rgb(89,101,77)

#7a8370

#7a8370
rgb(122,131,112)

#9ba294

#9ba294
rgb(155,162,148)

#bcc1b7

#bcc1b7
rgb(188,193,183)

#dde0db

#dde0db
rgb(221,224,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#59654d

#59654d
rgb(89,101,77)

#47503d

#47503d
rgb(71,80,61)

#353c2e

#353c2e
rgb(53,60,46)

#23281e

#23281e
rgb(35,40,30)

#11140f

#11140f
rgb(17,20,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #59654d

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

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

Contraste

Branco e #59654d
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 #59654d
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 #59654d

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

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

Este parágrafo tem fundo de cor #59654d.

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

Este elemento tem uma cor de borda de #59654d.

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

Cores alietórias

#ae2a76

#ae2a76
rgb(174,42,118)

#623a90

#623a90
rgb(98,58,144)

#09f99b

#09f99b
rgb(9,249,155)

#2937e4

#2937e4
rgb(41,55,228)

#c6ee7d

#c6ee7d
rgb(198,238,125)

#1881f4

#1881f4
rgb(24,129,244)

#81d2f4

#81d2f4
rgb(129,210,244)

#4da314

#4da314
rgb(77,163,20)

#e7f478

#e7f478
rgb(231,244,120)

#fe8a65

#fe8a65
rgb(254,138,101)

#5ca37e

#5ca37e
rgb(92,163,126)

#dc0647

#dc0647
rgb(220,6,71)