Informação da cor #6f349c

A cor hexadecimal 6f349c no modelo de cores RGB (Red, Green, Blue), é um composta por 111 de vermelho, 52 de verde e 156 de azul.

No padrão de cores CMYK, é composto por 28.8% de ciano, 66.7% de magenta, 0% de amarelo e 38.8% de preto. Tem um ângulo de matiz de 274 graus, uma saturação de 50% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 663399.

Conversões de #6f349c 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 6f349c
RGB 111, 52, 156
RGB Percentagem 43.5%, 20.4%, 61.2%
CMYK 0.29, 0.67, 0, 0.39
HSL 274°, 50%, 40.8%
HSV (ou HSB) 274°, 66.7%, 61.2%
RYB 43.5, 20.4, 61.2
Formato Cor
XYZ 15.9, 9.8, 35.5
CIELab 37.52, 44.48, -45.41
Decimal 7287964
Yxy 8.236, 0.2537, 0.1516
YUV 81.497, 170.0446, 149.0436
CIELuv 34.4695, 16.8105, -68.0709
Web Safe 663399

Distribuição de #6f349c

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.

#6f349c

#6f349c
rgb(111,52,156)

#629c34

#629c34
rgb(98,156,52)

Cores triadicas

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

#9c6f34

#9c6f34
rgb(156,111,52)

#6f349c

#6f349c
rgb(111,52,156)

#349c6f

#349c6f
rgb(52,156,111)

Cores tetrádicas

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

#9c3b34

#9c3b34
rgb(156,59,52)

#6f349c

#6f349c
rgb(111,52,156)

#629c34

#629c34
rgb(98,156,52)

#34969c

#34969c
rgb(52,150,156)

Cores monocromáticas

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

#6f349c

#6f349c
rgb(111,52,156)

#8e7b9c

#8e7b9c
rgb(142,123,156)

#8d799c

#8d799c
rgb(141,121,156)

#8d789c

#8d789c
rgb(141,120,156)

#8c769c

#8c769c
rgb(140,118,156)

#8b749c

#8b749c
rgb(139,116,156)

Tons e Matizes de #6f349c

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

Matiz (adicionando branco)
#6f349c

#6f349c
rgb(111,52,156)

#8b5caf

#8b5caf
rgb(139,92,175)

#a885c3

#a885c3
rgb(168,133,195)

#c5add7

#c5add7
rgb(197,173,215)

#e2d6eb

#e2d6eb
rgb(226,214,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6f349c

#6f349c
rgb(111,52,156)

#58297c

#58297c
rgb(88,41,124)

#421f5d

#421f5d
rgb(66,31,93)

#2c143e

#2c143e
rgb(44,20,62)

#160a1f

#160a1f
rgb(22,10,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6f349c

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e21809

#e21809
rgb(226,24,9)

#d38b09

#d38b09
rgb(211,139,9)

#00da86

#00da86
rgb(0,218,134)

#a31daf

#a31daf
rgb(163,29,175)

#cda17a

#cda17a
rgb(205,161,122)

#2e0f7d

#2e0f7d
rgb(46,15,125)

#d39422

#d39422
rgb(211,148,34)

#a1b7b1

#a1b7b1
rgb(161,183,177)

#15659a

#15659a
rgb(21,101,154)

#0e9bd1

#0e9bd1
rgb(14,155,209)

#81e544

#81e544
rgb(129,229,68)

#fa4e2e

#fa4e2e
rgb(250,78,46)