Informação da cor #6c10ad

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

No padrão de cores CMYK, é composto por 37.6% de ciano, 90.8% de magenta, 0% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 275.2 graus, uma saturação de 83.1% e uma leveza de 37.1%.

A cor mais próxima WebSafe é 660099.

Conversões de #6c10ad 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 6c10ad
RGB 108, 16, 173
RGB Percentagem 42.4%, 6.3%, 67.8%
CMYK 0.38, 0.91, 0, 0.32
HSL 275.2°, 83.1%, 37.1%
HSV (ou HSB) 275.2°, 90.8%, 67.8%
RYB 42.4, 6.3, 67.8
Formato Cor
XYZ 15.6, 7.6, 43.2
CIELab 33.04, 62.65, -62.35
Decimal 7082157
Yxy 6.5759, 0.2297, 0.1086
YUV 61.406, 190.9763, 161.234
CIELuv 30.8212, 16.5229, -85.7638
Web Safe 660099

Distribuição de #6c10ad

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.

#6c10ad

#6c10ad
rgb(108,16,173)

#51ad10

#51ad10
rgb(81,173,16)

Cores triadicas

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

#ad6d10

#ad6d10
rgb(173,109,16)

#6c10ad

#6c10ad
rgb(108,16,173)

#10ad6d

#10ad6d
rgb(16,173,109)

Cores tetrádicas

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

#ad1e10

#ad1e10
rgb(173,30,16)

#6c10ad

#6c10ad
rgb(108,16,173)

#51ad10

#51ad10
rgb(81,173,16)

#10a0ad

#10a0ad
rgb(16,160,173)

Cores monocromáticas

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

#6c10ad

#6c10ad
rgb(108,16,173)

#9e88ad

#9e88ad
rgb(158,136,173)

#9d86ad

#9d86ad
rgb(157,134,173)

#9c84ad

#9c84ad
rgb(156,132,173)

#9c82ad

#9c82ad
rgb(156,130,173)

#9b81ad

#9b81ad
rgb(155,129,173)

Tons e Matizes de #6c10ad

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

Matiz (adicionando branco)
#6c10ad

#6c10ad
rgb(108,16,173)

#893fbd

#893fbd
rgb(137,63,189)

#a66fcd

#a66fcd
rgb(166,111,205)

#c49fde

#c49fde
rgb(196,159,222)

#e1cfee

#e1cfee
rgb(225,207,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6c10ad

#6c10ad
rgb(108,16,173)

#560c8a

#560c8a
rgb(86,12,138)

#400967

#400967
rgb(64,9,103)

#2b0645

#2b0645
rgb(43,6,69)

#150322

#150322
rgb(21,3,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6c10ad

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #6c10ad

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

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

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

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

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

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

Cores alietórias

#3e2a1c

#3e2a1c
rgb(62,42,28)

#331063

#331063
rgb(51,16,99)

#77500a

#77500a
rgb(119,80,10)

#06721f

#06721f
rgb(6,114,31)

#6a3c4c

#6a3c4c
rgb(106,60,76)

#418d7d

#418d7d
rgb(65,141,125)

#6ee844

#6ee844
rgb(110,232,68)

#970c85

#970c85
rgb(151,12,133)

#5e4695

#5e4695
rgb(94,70,149)

#e7dfca

#e7dfca
rgb(231,223,202)

#1d8755

#1d8755
rgb(29,135,85)

#97171b

#97171b
rgb(151,23,27)