Informação da cor #c6c6cc

A cor hexadecimal c6c6cc no modelo de cores RGB (Red, Green, Blue), é um composta por 198 de vermelho, 198 de verde e 204 de azul.

No padrão de cores CMYK, é composto por 2.9% de ciano, 2.9% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 5.6% e uma leveza de 78.8%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #c6c6cc 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 c6c6cc
RGB 198, 198, 204
RGB Percentagem 77.6%, 77.6%, 80%
CMYK 0.03, 0.03, 0, 0.2
HSL 240°, 5.6%, 78.8%
HSV (ou HSB) 240°, 2.9%, 80%
RYB 77.6, 77.6, 80
Formato Cor
XYZ 57, 59.5, 68.1
CIELab 81.56, 1.04, -2.78
Decimal 13027020
Yxy 56.7535, 0.3084, 0.3218
YUV 198.684, 131, 127.5121
CIELuv 80.0407, -0.3406, -4.72
Web Safe 9999CC

Distribuição de #c6c6cc

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.

#c6c6cc

#c6c6cc
rgb(198,198,204)

#ccccc6

#ccccc6
rgb(204,204,198)

Cores triadicas

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

#ccc6c6

#ccc6c6
rgb(204,198,198)

#c6c6cc

#c6c6cc
rgb(198,198,204)

#c6ccc6

#c6ccc6
rgb(198,204,198)

Cores tetrádicas

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

#ccc6ca

#ccc6ca
rgb(204,198,202)

#c6c6cc

#c6c6cc
rgb(198,198,204)

#ccccc6

#ccccc6
rgb(204,204,198)

#c6ccca

#c6ccca
rgb(198,204,202)

Cores monocromáticas

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

#c6c6cc

#c6c6cc
rgb(198,198,204)

#a2a2cc

#a2a2cc
rgb(162,162,204)

#a0a0cc

#a0a0cc
rgb(160,160,204)

#9e9ecc

#9e9ecc
rgb(158,158,204)

#9b9bcc

#9b9bcc
rgb(155,155,204)

#9999cc

#9999cc
rgb(153,153,204)

Tons e Matizes de #c6c6cc

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

Matiz (adicionando branco)
#c6c6cc

#c6c6cc
rgb(198,198,204)

#d1d1d6

#d1d1d6
rgb(209,209,214)

#dcdce0

#dcdce0
rgb(220,220,224)

#e8e8ea

#e8e8ea
rgb(232,232,234)

#f3f3f4

#f3f3f4
rgb(243,243,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c6c6cc

#c6c6cc
rgb(198,198,204)

#9e9ea3

#9e9ea3
rgb(158,158,163)

#76767a

#76767a
rgb(118,118,122)

#4f4f51

#4f4f51
rgb(79,79,81)

#272728

#272728
rgb(39,39,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c6c6cc

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

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

Contraste

Branco e #c6c6cc
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 #c6c6cc
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 #c6c6cc

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

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

Este parágrafo tem fundo de cor #c6c6cc.

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

Este elemento tem uma cor de borda de #c6c6cc.

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

Cores alietórias

#05ec15

#05ec15
rgb(5,236,21)

#86cda7

#86cda7
rgb(134,205,167)

#199c73

#199c73
rgb(25,156,115)

#240764

#240764
rgb(36,7,100)

#2745c6

#2745c6
rgb(39,69,198)

#e886a0

#e886a0
rgb(232,134,160)

#010fc0

#010fc0
rgb(1,15,192)

#502976

#502976
rgb(80,41,118)

#a50434

#a50434
rgb(165,4,52)

#b543ab

#b543ab
rgb(181,67,171)

#d30d09

#d30d09
rgb(211,13,9)

#89f051

#89f051
rgb(137,240,81)