Informação da cor #8c35b6

A cor hexadecimal 8c35b6 no modelo de cores RGB (Red, Green, Blue), é um composta por 140 de vermelho, 53 de verde e 182 de azul.

No padrão de cores CMYK, é composto por 23.1% de ciano, 70.9% de magenta, 0% de amarelo e 28.6% de preto. Tem um ângulo de matiz de 280.5 graus, uma saturação de 54.9% e uma leveza de 46.1%.

A cor mais próxima WebSafe é 663399.

Conversões de #8c35b6 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 8c35b6
RGB 140, 53, 182
RGB Percentagem 54.9%, 20.8%, 71.4%
CMYK 0.23, 0.71, 0, 0.29
HSL 280.5°, 54.9%, 46.1%
HSV (ou HSB) 280.5°, 70.9%, 71.4%
RYB 54.9, 20.8, 71.4
Formato Cor
XYZ 22.8, 13.2, 48.5
CIELab 43.05, 55.98, -50.91
Decimal 9188790
Yxy 11.4996, 0.2652, 0.1485
YUV 93.719, 177.82, 161.0108
CIELuv 40.4095, 27.1236, -80.8625
Web Safe 663399

Distribuição de #8c35b6

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.

#8c35b6

#8c35b6
rgb(140,53,182)

#5fb636

#5fb636
rgb(95,182,54)

Cores triadicas

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

#b68d36

#b68d36
rgb(182,141,54)

#8c35b6

#8c35b6
rgb(140,53,182)

#36b68d

#36b68d
rgb(54,182,141)

Cores tetrádicas

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

#b64c36

#b64c36
rgb(182,76,54)

#8c35b6

#8c35b6
rgb(140,53,182)

#5fb636

#5fb636
rgb(95,182,54)

#36a0b6

#36a0b6
rgb(54,160,182)

Cores monocromáticas

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

#8c35b6

#8c35b6
rgb(140,53,182)

#aa8fb6

#aa8fb6
rgb(170,143,182)

#a98db6

#a98db6
rgb(169,141,182)

#a88bb6

#a88bb6
rgb(168,139,182)

#a88ab6

#a88ab6
rgb(168,138,182)

#a788b6

#a788b6
rgb(167,136,182)

Tons e Matizes de #8c35b6

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

Matiz (adicionando branco)
#8c35b6

#8c35b6
rgb(140,53,182)

#a35dc4

#a35dc4
rgb(163,93,196)

#ba85d3

#ba85d3
rgb(186,133,211)

#d1aee1

#d1aee1
rgb(209,174,225)

#e8d6f0

#e8d6f0
rgb(232,214,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8c35b6

#8c35b6
rgb(140,53,182)

#702a91

#702a91
rgb(112,42,145)

#541f6d

#541f6d
rgb(84,31,109)

#371548

#371548
rgb(55,21,72)

#1b0a24

#1b0a24
rgb(27,10,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8c35b6

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

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

Contraste

Branco e #8c35b6
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 #8c35b6
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 #8c35b6

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

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

Este parágrafo tem fundo de cor #8c35b6.

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

Este elemento tem uma cor de borda de #8c35b6.

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

Cores alietórias

#467c26

#467c26
rgb(70,124,38)

#efb108

#efb108
rgb(239,177,8)

#be9b09

#be9b09
rgb(190,155,9)

#2b856a

#2b856a
rgb(43,133,106)

#29de49

#29de49
rgb(41,222,73)

#6d62fb

#6d62fb
rgb(109,98,251)

#ecb4f1

#ecb4f1
rgb(236,180,241)

#7ab1d6

#7ab1d6
rgb(122,177,214)

#9cdadb

#9cdadb
rgb(156,218,219)

#500b55

#500b55
rgb(80,11,85)

#c46d9e

#c46d9e
rgb(196,109,158)

#3ce8c5

#3ce8c5
rgb(60,232,197)