Informação da cor #6f0ef6

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

No padrão de cores CMYK, é composto por 54.9% de ciano, 94.3% de magenta, 0% de amarelo e 3.5% de preto. Tem um ângulo de matiz de 265.1 graus, uma saturação de 92.8% e uma leveza de 51%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #6f0ef6 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 6f0ef6
RGB 111, 14, 246
RGB Percentagem 43.5%, 5.5%, 96.5%
CMYK 0.55, 0.94, 0, 0.04
HSL 265.1°, 92.8%, 51%
HSV (ou HSB) 265.1°, 94.3%, 96.5%
RYB 43.5, 5.5, 96.5
Formato Cor
XYZ 24.6, 11.1, 88.6
CIELab 39.8, 78.27, -90.52
Decimal 7278326
Yxy 10.3462, 0.1919, 0.0851
YUV 69.451, 227.6326, 157.6356
CIELuv 38.4568, 6.6169, -128.9006
Web Safe 6600CC

Distribuição de #6f0ef6

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.

#6f0ef6

#6f0ef6
rgb(111,14,246)

#96f60e

#96f60e
rgb(150,246,14)

Cores triadicas

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

#f66f0e

#f66f0e
rgb(246,111,14)

#6f0ef6

#6f0ef6
rgb(111,14,246)

#0ef66f

#0ef66f
rgb(14,246,111)

Cores tetrádicas

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

#f60e22

#f60e22
rgb(246,14,34)

#6f0ef6

#6f0ef6
rgb(111,14,246)

#96f60e

#96f60e
rgb(150,246,14)

#0ef6e3

#0ef6e3
rgb(14,246,227)

Cores monocromáticas

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

#6f0ef6

#6f0ef6
rgb(111,14,246)

#d7c1f6

#d7c1f6
rgb(215,193,246)

#d6bef6

#d6bef6
rgb(214,190,246)

#d4bcf6

#d4bcf6
rgb(212,188,246)

#d3b9f6

#d3b9f6
rgb(211,185,246)

#d1b7f6

#d1b7f6
rgb(209,183,246)

Tons e Matizes de #6f0ef6

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

Matiz (adicionando branco)
#6f0ef6

#6f0ef6
rgb(111,14,246)

#8b3ef7

#8b3ef7
rgb(139,62,247)

#a86ef9

#a86ef9
rgb(168,110,249)

#c59efb

#c59efb
rgb(197,158,251)

#e2cefd

#e2cefd
rgb(226,206,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6f0ef6

#6f0ef6
rgb(111,14,246)

#580bc4

#580bc4
rgb(88,11,196)

#420893

#420893
rgb(66,8,147)

#2c0562

#2c0562
rgb(44,5,98)

#160231

#160231
rgb(22,2,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6f0ef6

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#066900

#066900
rgb(6,105,0)

#f97bbb

#f97bbb
rgb(249,123,187)

#b7a9ee

#b7a9ee
rgb(183,169,238)

#8943dc

#8943dc
rgb(137,67,220)

#e78191

#e78191
rgb(231,129,145)

#226492

#226492
rgb(34,100,146)

#99236e

#99236e
rgb(153,35,110)

#32a078

#32a078
rgb(50,160,120)

#92b1ec

#92b1ec
rgb(146,177,236)

#03a3a9

#03a3a9
rgb(3,163,169)

#99ae88

#99ae88
rgb(153,174,136)

#67ce57

#67ce57
rgb(103,206,87)