Informação da cor #6c7e7b

A cor hexadecimal 6c7e7b no modelo de cores RGB (Red, Green, Blue), é um composta por 108 de vermelho, 126 de verde e 123 de azul.

No padrão de cores CMYK, é composto por 14.3% de ciano, 0% de magenta, 2.4% de amarelo e 50.6% de preto. Tem um ângulo de matiz de 170 graus, uma saturação de 7.7% e uma leveza de 45.9%.

A cor mais próxima WebSafe é 666666.

Conversões de #6c7e7b 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 6c7e7b
RGB 108, 126, 123
RGB Percentagem 42.4%, 49.4%, 48.2%
CMYK 0.14, 0, 0.02, 0.51
HSL 170°, 7.7%, 45.9%
HSV (ou HSB) 170°, 14.3%, 49.4%
RYB 42.4, 46.3, 49.4
Formato Cor
XYZ 19.8, 22.4, 24.7
CIELab 54.42, -6.96, -0.58
Decimal 7110267
Yxy 19.5395, 0.2951, 0.3348
YUV 120.276, 129.5372, 119.2439
CIELuv 51.3125, -9.4853, 0.3164
Web Safe 666666

Distribuição de #6c7e7b

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.

#6c7e7b

#6c7e7b
rgb(108,126,123)

#7e6c6f

#7e6c6f
rgb(126,108,111)

Cores triadicas

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

#7b6c7e

#7b6c7e
rgb(123,108,126)

#6c7e7b

#6c7e7b
rgb(108,126,123)

#7e7b6c

#7e7b6c
rgb(126,123,108)

Cores tetrádicas

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

#726c7e

#726c7e
rgb(114,108,126)

#6c7e7b

#6c7e7b
rgb(108,126,123)

#7e6c6f

#7e6c6f
rgb(126,108,111)

#787e6c

#787e6c
rgb(120,126,108)

Cores monocromáticas

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

#6c7e7b

#6c7e7b
rgb(108,126,123)

#647e7a

#647e7a
rgb(100,126,122)

#637e7a

#637e7a
rgb(99,126,122)

#617e7a

#617e7a
rgb(97,126,122)

#607e79

#607e79
rgb(96,126,121)

#5f7e79

#5f7e79
rgb(95,126,121)

Tons e Matizes de #6c7e7b

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

Matiz (adicionando branco)
#6c7e7b

#6c7e7b
rgb(108,126,123)

#899795

#899795
rgb(137,151,149)

#a6b1af

#a6b1af
rgb(166,177,175)

#c4cbca

#c4cbca
rgb(196,203,202)

#e1e5e4

#e1e5e4
rgb(225,229,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6c7e7b

#6c7e7b
rgb(108,126,123)

#566462

#566462
rgb(86,100,98)

#404b49

#404b49
rgb(64,75,73)

#2b3231

#2b3231
rgb(43,50,49)

#151918

#151918
rgb(21,25,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6c7e7b

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

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

Contraste

Branco e #6c7e7b
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 #6c7e7b
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 #6c7e7b

Este exemplo mostra como o texto na cor #6c7e7b se parece.

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

Este parágrafo tem fundo de cor #6c7e7b.

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

Este elemento tem uma cor de borda de #6c7e7b.

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

Cores alietórias

#ffeb62

#ffeb62
rgb(255,235,98)

#4e7c6e

#4e7c6e
rgb(78,124,110)

#3855ca

#3855ca
rgb(56,85,202)

#f801d9

#f801d9
rgb(248,1,217)

#02e926

#02e926
rgb(2,233,38)

#0cc730

#0cc730
rgb(12,199,48)

#9b6c92

#9b6c92
rgb(155,108,146)

#b1a592

#b1a592
rgb(177,165,146)

#408c64

#408c64
rgb(64,140,100)

#988f84

#988f84
rgb(152,143,132)

#a4e5ee

#a4e5ee
rgb(164,229,238)

#e4b0a6

#e4b0a6
rgb(228,176,166)