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

#12d94f

#12d94f
rgb(18,217,79)

#530ad3

#530ad3
rgb(83,10,211)

#720785

#720785
rgb(114,7,133)

#0e3471

#0e3471
rgb(14,52,113)

#1adf5c

#1adf5c
rgb(26,223,92)

#adf56d

#adf56d
rgb(173,245,109)

#dbf0c1

#dbf0c1
rgb(219,240,193)

#3a57bb

#3a57bb
rgb(58,87,187)

#6f4842

#6f4842
rgb(111,72,66)

#f83ad4

#f83ad4
rgb(248,58,212)

#18a441

#18a441
rgb(24,164,65)

#2aa883

#2aa883
rgb(42,168,131)