Informação da cor #6c7278

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

No padrão de cores CMYK, é composto por 10% de ciano, 5% de magenta, 0% de amarelo e 52.9% de preto. Tem um ângulo de matiz de 210 graus, uma saturação de 5.3% e uma leveza de 44.7%.

A cor mais próxima WebSafe é 666666.

Conversões de #6c7278 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 6c7278
RGB 108, 114, 120
RGB Percentagem 42.4%, 44.7%, 47.1%
CMYK 0.1, 0.05, 0, 0.53
HSL 210°, 5.3%, 44.7%
HSV (ou HSB) 210°, 10%, 47.1%
RYB 42.4, 43.9, 47.1
Formato Cor
XYZ 18.1, 19.3, 23.2
CIELab 50.98, -0.95, -3.94
Decimal 7107192
Yxy 16.5787, 0.298, 0.3169
YUV 112.89, 132.0124, 124.5121
CIELuv 47.7247, -3.5825, -5.4697
Web Safe 666666

Distribuição de #6c7278

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.

#6c7278

#6c7278
rgb(108,114,120)

#78726c

#78726c
rgb(120,114,108)

Cores triadicas

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

#786c72

#786c72
rgb(120,108,114)

#6c7278

#6c7278
rgb(108,114,120)

#72786c

#72786c
rgb(114,120,108)

Cores tetrádicas

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

#786c78

#786c78
rgb(120,108,120)

#6c7278

#6c7278
rgb(108,114,120)

#78726c

#78726c
rgb(120,114,108)

#6c786c

#6c786c
rgb(108,120,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.

#6c7278

#6c7278
rgb(108,114,120)

#5f6c78

#5f6c78
rgb(95,108,120)

#5e6b78

#5e6b78
rgb(94,107,120)

#5d6b78

#5d6b78
rgb(93,107,120)

#5c6a78

#5c6a78
rgb(92,106,120)

#5a6978

#5a6978
rgb(90,105,120)

Tons e Matizes de #6c7278

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

Matiz (adicionando branco)
#6c7278

#6c7278
rgb(108,114,120)

#898e93

#898e93
rgb(137,142,147)

#a6aaae

#a6aaae
rgb(166,170,174)

#c4c6c9

#c4c6c9
rgb(196,198,201)

#e1e2e4

#e1e2e4
rgb(225,226,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6c7278

#6c7278
rgb(108,114,120)

#565b60

#565b60
rgb(86,91,96)

#404448

#404448
rgb(64,68,72)

#2b2d2f

#2b2d2f
rgb(43,45,47)

#151617

#151617
rgb(21,22,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6c7278

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

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

Contraste

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

Preto e #6c7278
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.

Exemplos CSS

Texto com cor hexadecimal #6c7278

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

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

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

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

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

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

Cores alietórias

#777b4d

#777b4d
rgb(119,123,77)

#21fa2f

#21fa2f
rgb(33,250,47)

#948053

#948053
rgb(148,128,83)

#d9ed5a

#d9ed5a
rgb(217,237,90)

#4a6bf0

#4a6bf0
rgb(74,107,240)

#a9b8c9

#a9b8c9
rgb(169,184,201)

#df7dcd

#df7dcd
rgb(223,125,205)

#d4091e

#d4091e
rgb(212,9,30)

#57458b

#57458b
rgb(87,69,139)

#0b36f6

#0b36f6
rgb(11,54,246)

#e93c0c

#e93c0c
rgb(233,60,12)

#d22909

#d22909
rgb(210,41,9)