Informação da cor #8b969c

A cor hexadecimal 8b969c no modelo de cores RGB (Red, Green, Blue), é um composta por 139 de vermelho, 150 de verde e 156 de azul.

No padrão de cores CMYK, é composto por 10.9% de ciano, 3.8% de magenta, 0% de amarelo e 38.8% de preto. Tem um ângulo de matiz de 201.2 graus, uma saturação de 7.9% e uma leveza de 57.8%.

A cor mais próxima WebSafe é 666699.

Conversões de #8b969c 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 8b969c
RGB 139, 150, 156
RGB Percentagem 54.5%, 58.8%, 61.2%
CMYK 0.11, 0.04, 0, 0.39
HSL 201.2°, 7.9%, 57.8%
HSV (ou HSB) 201.2°, 10.9%, 61.2%
RYB 54.5, 57.3, 61.2
Formato Cor
XYZ 30.5, 32.9, 39.2
CIELab 64.05, -2.57, -4.27
Decimal 9148060
Yxy 29.7016, 0.2963, 0.3194
YUV 147.395, 132.8561, 122.0121
CIELuv 61.3959, -6.3073, -6.1103
Web Safe 666699

Distribuição de #8b969c

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.

#8b969c

#8b969c
rgb(139,150,156)

#9c918c

#9c918c
rgb(156,145,140)

Cores triadicas

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

#9c8c97

#9c8c97
rgb(156,140,151)

#8b969c

#8b969c
rgb(139,150,156)

#979c8c

#979c8c
rgb(151,156,140)

Cores tetrádicas

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

#9a8c9c

#9a8c9c
rgb(154,140,156)

#8b969c

#8b969c
rgb(139,150,156)

#9c918c

#9c918c
rgb(156,145,140)

#8e9c8c

#8e9c8c
rgb(142,156,140)

Cores monocromáticas

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

#8b969c

#8b969c
rgb(139,150,156)

#7c919c

#7c919c
rgb(124,145,156)

#7a909c

#7a909c
rgb(122,144,156)

#78909c

#78909c
rgb(120,144,156)

#778f9c

#778f9c
rgb(119,143,156)

#758f9c

#758f9c
rgb(117,143,156)

Tons e Matizes de #8b969c

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

Matiz (adicionando branco)
#8b969c

#8b969c
rgb(139,150,156)

#a2abaf

#a2abaf
rgb(162,171,175)

#b9c0c3

#b9c0c3
rgb(185,192,195)

#d0d5d7

#d0d5d7
rgb(208,213,215)

#e7eaeb

#e7eaeb
rgb(231,234,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8b969c

#8b969c
rgb(139,150,156)

#6f787c

#6f787c
rgb(111,120,124)

#535a5d

#535a5d
rgb(83,90,93)

#373b3e

#373b3e
rgb(55,59,62)

#1b1d1f

#1b1d1f
rgb(27,29,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8b969c

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

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

Contraste

Branco e #8b969c
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 #8b969c
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.

Exemplos CSS

Texto com cor hexadecimal #8b969c

Este exemplo mostra como o texto na cor #8b969c se parece.

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

Este parágrafo tem fundo de cor #8b969c.

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

Este elemento tem uma cor de borda de #8b969c.

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

Cores alietórias

#d5726c

#d5726c
rgb(213,114,108)

#a3ef44

#a3ef44
rgb(163,239,68)

#5810ea

#5810ea
rgb(88,16,234)

#d67719

#d67719
rgb(214,119,25)

#47b321

#47b321
rgb(71,179,33)

#19847a

#19847a
rgb(25,132,122)

#27b4b0

#27b4b0
rgb(39,180,176)

#541d7b

#541d7b
rgb(84,29,123)

#3309f5

#3309f5
rgb(51,9,245)

#5beda8

#5beda8
rgb(91,237,168)

#5734d8

#5734d8
rgb(87,52,216)

#c11e1d

#c11e1d
rgb(193,30,29)