Informação da cor #7a8a9b

A cor hexadecimal 7a8a9b no modelo de cores RGB (Red, Green, Blue), é um composta por 122 de vermelho, 138 de verde e 155 de azul.

No padrão de cores CMYK, é composto por 21.3% de ciano, 11% de magenta, 0% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 210.9 graus, uma saturação de 14.2% e uma leveza de 54.3%.

A cor mais próxima WebSafe é 666699.

Conversões de #7a8a9b 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 7a8a9b
RGB 122, 138, 155
RGB Percentagem 47.8%, 54.1%, 60.8%
CMYK 0.21, 0.11, 0, 0.39
HSL 210.9°, 14.2%, 54.3%
HSV (ou HSB) 210.9°, 21.3%, 60.8%
RYB 47.8, 52.2, 60.8
Formato Cor
XYZ 25.9, 27.7, 38
CIELab 59.63, -1.92, -10.43
Decimal 8030875
Yxy 24.6805, 0.2799, 0.3
YUV 135.154, 139.1998, 118.6177
CIELuv 56.7628, -9.1911, -15.7295
Web Safe 666699

Distribuição de #7a8a9b

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.

#7a8a9b

#7a8a9b
rgb(122,138,155)

#9b8b7a

#9b8b7a
rgb(155,139,122)

Cores triadicas

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

#9b7a8b

#9b7a8b
rgb(155,122,139)

#7a8a9b

#7a8a9b
rgb(122,138,155)

#8b9b7a

#8b9b7a
rgb(139,155,122)

Cores tetrádicas

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

#9b7a9b

#9b7a9b
rgb(155,122,155)

#7a8a9b

#7a8a9b
rgb(122,138,155)

#9b8b7a

#9b8b7a
rgb(155,139,122)

#7a9b7b

#7a9b7b
rgb(122,155,123)

Cores monocromáticas

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

#7a8a9b

#7a8a9b
rgb(122,138,155)

#7b8b9b

#7b8b9b
rgb(123,139,155)

#798a9b

#798a9b
rgb(121,138,155)

#78899b

#78899b
rgb(120,137,155)

#76889b

#76889b
rgb(118,136,155)

#74879b

#74879b
rgb(116,135,155)

Tons e Matizes de #7a8a9b

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

Matiz (adicionando branco)
#7a8a9b

#7a8a9b
rgb(122,138,155)

#94a1af

#94a1af
rgb(148,161,175)

#afb8c3

#afb8c3
rgb(175,184,195)

#c9d0d7

#c9d0d7
rgb(201,208,215)

#e4e7eb

#e4e7eb
rgb(228,231,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7a8a9b

#7a8a9b
rgb(122,138,155)

#616e7c

#616e7c
rgb(97,110,124)

#49525d

#49525d
rgb(73,82,93)

#30373d

#30373d
rgb(48,55,61)

#181b1e

#181b1e
rgb(24,27,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7a8a9b

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

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

Contraste

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

Preto e #7a8a9b
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 #7a8a9b

Este exemplo mostra como o texto na cor #7a8a9b se parece.

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

Este parágrafo tem fundo de cor #7a8a9b.

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

Este elemento tem uma cor de borda de #7a8a9b.

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

Cores alietórias

#ed8407

#ed8407
rgb(237,132,7)

#7d2aaf

#7d2aaf
rgb(125,42,175)

#4faa85

#4faa85
rgb(79,170,133)

#da17d7

#da17d7
rgb(218,23,215)

#cbac13

#cbac13
rgb(203,172,19)

#a3343f

#a3343f
rgb(163,52,63)

#136a15

#136a15
rgb(19,106,21)

#c896b2

#c896b2
rgb(200,150,178)

#10aec8

#10aec8
rgb(16,174,200)

#45b81b

#45b81b
rgb(69,184,27)

#80f572

#80f572
rgb(128,245,114)

#6d6dca

#6d6dca
rgb(109,109,202)