Informação da cor #5d6a61

A cor hexadecimal 5d6a61 no modelo de cores RGB (Red, Green, Blue), é um composta por 93 de vermelho, 106 de verde e 97 de azul.

No padrão de cores CMYK, é composto por 12.3% de ciano, 0% de magenta, 8.5% de amarelo e 58.4% de preto. Tem um ângulo de matiz de 138.5 graus, uma saturação de 6.5% e uma leveza de 39%.

A cor mais próxima WebSafe é 336633.

Conversões de #5d6a61 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 5d6a61
RGB 93, 106, 97
RGB Percentagem 36.5%, 41.6%, 38%
CMYK 0.12, 0, 0.08, 0.58
HSL 138.5°, 6.5%, 39%
HSV (ou HSB) 138.5°, 12.3%, 41.6%
RYB 36.5, 40.4, 41.6
Formato Cor
XYZ 14.1, 15.9, 15.8
CIELab 46.9, -6.68, 3.27
Decimal 6122081
Yxy 13.4981, 0.3063, 0.3496
YUV 101.087, 125.6936, 122.2318
CIELuv 43.5044, -6.6359, 5.4478
Web Safe 336633

Distribuição de #5d6a61

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.

#5d6a61

#5d6a61
rgb(93,106,97)

#6a5e67

#6a5e67
rgb(106,94,103)

Cores triadicas

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

#615e6a

#615e6a
rgb(97,94,106)

#5d6a61

#5d6a61
rgb(93,106,97)

#6a615e

#6a615e
rgb(106,97,94)

Cores tetrádicas

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

#5e606a

#5e606a
rgb(94,96,106)

#5d6a61

#5d6a61
rgb(93,106,97)

#6a5e67

#6a5e67
rgb(106,94,103)

#6a685e

#6a685e
rgb(106,104,94)

Cores monocromáticas

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

#5d6a61

#5d6a61
rgb(93,106,97)

#546a5b

#546a5b
rgb(84,106,91)

#536a5a

#536a5a
rgb(83,106,90)

#526a5a

#526a5a
rgb(82,106,90)

#516a59

#516a59
rgb(81,106,89)

#506a58

#506a58
rgb(80,106,88)

Tons e Matizes de #5d6a61

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

Matiz (adicionando branco)
#5d6a61

#5d6a61
rgb(93,106,97)

#7d8780

#7d8780
rgb(125,135,128)

#9da5a0

#9da5a0
rgb(157,165,160)

#bec3bf

#bec3bf
rgb(190,195,191)

#dee1df

#dee1df
rgb(222,225,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5d6a61

#5d6a61
rgb(93,106,97)

#4a544d

#4a544d
rgb(74,84,77)

#373f3a

#373f3a
rgb(55,63,58)

#252a26

#252a26
rgb(37,42,38)

#121513

#121513
rgb(18,21,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5d6a61

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#b903b9

#b903b9
rgb(185,3,185)

#af44a1

#af44a1
rgb(175,68,161)

#739889

#739889
rgb(115,152,137)

#29f529

#29f529
rgb(41,245,41)

#d11f0d

#d11f0d
rgb(209,31,13)

#a78289

#a78289
rgb(167,130,137)

#0c2b5d

#0c2b5d
rgb(12,43,93)

#e13757

#e13757
rgb(225,55,87)

#847446

#847446
rgb(132,116,70)

#4af29f

#4af29f
rgb(74,242,159)

#1c82cf

#1c82cf
rgb(28,130,207)

#ace4dd

#ace4dd
rgb(172,228,221)