Informação da cor #9e9f9d

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

No padrão de cores CMYK, é composto por 0.6% de ciano, 0% de magenta, 1.3% de amarelo e 37.6% de preto. Tem um ângulo de matiz de 90 graus, uma saturação de 1% e uma leveza de 62%.

A cor mais próxima WebSafe é 999999.

Conversões de #9e9f9d 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 9e9f9d
RGB 158, 159, 157
RGB Percentagem 62%, 62.4%, 61.6%
CMYK 0.01, 0, 0.01, 0.38
HSL 90°, 1%, 62%
HSV (ou HSB) 90°, 1.3%, 62.4%
RYB 61.6, 62.4, 62
Formato Cor
XYZ 35.6, 37.7, 40.3
CIELab 67.8, -0.7, 0.86
Decimal 10395549
Yxy 34.4997, 0.3136, 0.332
YUV 158.473, 127.1687, 127.6626
CIELuv 65.3573, -0.4571, 1.4442
Web Safe 999999

Distribuição de #9e9f9d

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.

#9e9f9d

#9e9f9d
rgb(158,159,157)

#9e9d9f

#9e9d9f
rgb(158,157,159)

Cores triadicas

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

#9d9e9f

#9d9e9f
rgb(157,158,159)

#9e9f9d

#9e9f9d
rgb(158,159,157)

#9f9d9e

#9f9d9e
rgb(159,157,158)

Cores tetrádicas

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

#9d9f9f

#9d9f9f
rgb(157,159,159)

#9e9f9d

#9e9f9d
rgb(158,159,157)

#9e9d9f

#9e9d9f
rgb(158,157,159)

#9f9d9d

#9f9d9d
rgb(159,157,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.

#9e9f9d

#9e9f9d
rgb(158,159,157)

#8f9f7e

#8f9f7e
rgb(143,159,126)

#8e9f7d

#8e9f7d
rgb(142,159,125)

#8d9f7b

#8d9f7b
rgb(141,159,123)

#8c9f79

#8c9f79
rgb(140,159,121)

#8c9f78

#8c9f78
rgb(140,159,120)

Tons e Matizes de #9e9f9d

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

Matiz (adicionando branco)
#9e9f9d

#9e9f9d
rgb(158,159,157)

#b1b2b0

#b1b2b0
rgb(177,178,176)

#c4c5c4

#c4c5c4
rgb(196,197,196)

#d8d8d7

#d8d8d7
rgb(216,216,215)

#ebebeb

#ebebeb
rgb(235,235,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9e9f9d

#9e9f9d
rgb(158,159,157)

#7e7f7d

#7e7f7d
rgb(126,127,125)

#5e5f5e

#5e5f5e
rgb(94,95,94)

#3f3f3e

#3f3f3e
rgb(63,63,62)

#1f1f1f

#1f1f1f
rgb(31,31,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9e9f9d

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

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

Contraste

Branco e #9e9f9d
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 #9e9f9d
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 #9e9f9d

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

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

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

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

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

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

Cores alietórias

#a4520b

#a4520b
rgb(164,82,11)

#40d41d

#40d41d
rgb(64,212,29)

#e32dd6

#e32dd6
rgb(227,45,214)

#c5f574

#c5f574
rgb(197,245,116)

#e7f46a

#e7f46a
rgb(231,244,106)

#90637c

#90637c
rgb(144,99,124)

#12b4fa

#12b4fa
rgb(18,180,250)

#064bc0

#064bc0
rgb(6,75,192)

#33f041

#33f041
rgb(51,240,65)

#9476ff

#9476ff
rgb(148,118,255)

#df8c90

#df8c90
rgb(223,140,144)

#0573d3

#0573d3
rgb(5,115,211)