Informação da cor #9da9a7

A cor hexadecimal 9da9a7 no modelo de cores RGB (Red, Green, Blue), é um composta por 157 de vermelho, 169 de verde e 167 de azul.

No padrão de cores CMYK, é composto por 7.1% de ciano, 0% de magenta, 1.2% de amarelo e 33.7% de preto. Tem um ângulo de matiz de 170 graus, uma saturação de 6.5% e uma leveza de 63.9%.

A cor mais próxima WebSafe é 999999.

Conversões de #9da9a7 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 9da9a7
RGB 157, 169, 167
RGB Percentagem 61.6%, 66.3%, 65.5%
CMYK 0.07, 0, 0.01, 0.34
HSL 170°, 6.5%, 63.9%
HSV (ou HSB) 170°, 7.1%, 66.3%
RYB 61.6, 64.3, 66.3
Formato Cor
XYZ 38.1, 41.5, 45.6
CIELab 70.54, -4.35, -0.4
Decimal 10332583
Yxy 38.3336, 0.3036, 0.3319
YUV 165.184, 129.0248, 122.1626
CIELuv 68.2658, -6.5329, 0.1552
Web Safe 999999

Distribuição de #9da9a7

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.

#9da9a7

#9da9a7
rgb(157,169,167)

#a99d9f

#a99d9f
rgb(169,157,159)

Cores triadicas

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

#a79da9

#a79da9
rgb(167,157,169)

#9da9a7

#9da9a7
rgb(157,169,167)

#a9a79d

#a9a79d
rgb(169,167,157)

Cores tetrádicas

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

#a19da9

#a19da9
rgb(161,157,169)

#9da9a7

#9da9a7
rgb(157,169,167)

#a99d9f

#a99d9f
rgb(169,157,159)

#a5a99d

#a5a99d
rgb(165,169,157)

Cores monocromáticas

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

#9da9a7

#9da9a7
rgb(157,169,167)

#86a9a4

#86a9a4
rgb(134,169,164)

#84a9a3

#84a9a3
rgb(132,169,163)

#83a9a3

#83a9a3
rgb(131,169,163)

#81a9a3

#81a9a3
rgb(129,169,163)

#7fa9a2

#7fa9a2
rgb(127,169,162)

Tons e Matizes de #9da9a7

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

Matiz (adicionando branco)
#9da9a7

#9da9a7
rgb(157,169,167)

#b0bab8

#b0bab8
rgb(176,186,184)

#c4cbca

#c4cbca
rgb(196,203,202)

#d7dcdb

#d7dcdb
rgb(215,220,219)

#ebeded

#ebeded
rgb(235,237,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9da9a7

#9da9a7
rgb(157,169,167)

#7d8785

#7d8785
rgb(125,135,133)

#5e6564

#5e6564
rgb(94,101,100)

#3e4342

#3e4342
rgb(62,67,66)

#1f2121

#1f2121
rgb(31,33,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9da9a7

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

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

Contraste

Branco e #9da9a7
Texto grande WCAG AA X Não 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.

Preto e #9da9a7
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #9da9a7

Este exemplo mostra como o texto na cor #9da9a7 se parece.

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

Este parágrafo tem fundo de cor #9da9a7.

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

Este elemento tem uma cor de borda de #9da9a7.

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

Cores alietórias

#053506

#053506
rgb(5,53,6)

#60b67f

#60b67f
rgb(96,182,127)

#bc74f4

#bc74f4
rgb(188,116,244)

#d6490f

#d6490f
rgb(214,73,15)

#6e17e2

#6e17e2
rgb(110,23,226)

#ac0e42

#ac0e42
rgb(172,14,66)

#d282f3

#d282f3
rgb(210,130,243)

#1e1cad

#1e1cad
rgb(30,28,173)

#ce7384

#ce7384
rgb(206,115,132)

#aa220a

#aa220a
rgb(170,34,10)

#004fd4

#004fd4
rgb(0,79,212)

#f55f5b

#f55f5b
rgb(245,95,91)