Informação da cor #6700ff

A cor hexadecimal 6700ff no modelo de cores RGB (Red, Green, Blue), é um composta por 103 de vermelho, 0 de verde e 255 de azul.

No padrão de cores CMYK, é composto por 59.6% de ciano, 100% de magenta, 0% de amarelo e 0% de preto. Tem um ângulo de matiz de 264.2 graus, uma saturação de 100% e uma leveza de 50%.

A cor mais próxima WebSafe é 6600FF.

Conversões de #6700ff 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 6700ff
RGB 103, 0, 255
RGB Percentagem 40.4%, 0%, 100%
CMYK 0.6, 1, 0, 0
HSL 264.2°, 100%, 50%
HSV (ou HSB) 264.2°, 100%, 100%
RYB 40.4, 0, 100
Formato Cor
XYZ 24.7, 10.6, 95.4
CIELab 38.94, 82.06, -96.61
Decimal 6750463
Yxy 10.1021, 0.1832, 0.0783
YUV 59.867, 238.1202, 158.7654
CIELuv 38.025, 3.5797, -134.0293
Web Safe 6600FF

Distribuição de #6700ff

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.

#6700ff

#6700ff
rgb(103,0,255)

#99ff00

#99ff00
rgb(153,255,0)

Cores triadicas

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

#ff6700

#ff6700
rgb(255,103,0)

#6700ff

#6700ff
rgb(103,0,255)

#00ff67

#00ff67
rgb(0,255,103)

Cores tetrádicas

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

#ff0019

#ff0019
rgb(255,0,25)

#6700ff

#6700ff
rgb(103,0,255)

#99ff00

#99ff00
rgb(153,255,0)

#00ffe7

#00ffe7
rgb(0,255,231)

Cores monocromáticas

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

#6700ff

#6700ff
rgb(103,0,255)

#dec7ff

#dec7ff
rgb(222,199,255)

#ddc5ff

#ddc5ff
rgb(221,197,255)

#dbc2ff

#dbc2ff
rgb(219,194,255)

#d9c0ff

#d9c0ff
rgb(217,192,255)

#d8bdff

#d8bdff
rgb(216,189,255)

Tons e Matizes de #6700ff

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

Matiz (adicionando branco)
#6700ff

#6700ff
rgb(103,0,255)

#8533ff

#8533ff
rgb(133,51,255)

#a366ff

#a366ff
rgb(163,102,255)

#c299ff

#c299ff
rgb(194,153,255)

#e0ccff

#e0ccff
rgb(224,204,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6700ff

#6700ff
rgb(103,0,255)

#5200cc

#5200cc
rgb(82,0,204)

#3d0099

#3d0099
rgb(61,0,153)

#290065

#290065
rgb(41,0,101)

#140032

#140032
rgb(20,0,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6700ff

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

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

Contraste

Branco e #6700ff
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 #6700ff
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 #6700ff

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

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

Este parágrafo tem fundo de cor #6700ff.

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

Este elemento tem uma cor de borda de #6700ff.

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

Cores alietórias

#3c7b5b

#3c7b5b
rgb(60,123,91)

#f4d00c

#f4d00c
rgb(244,208,12)

#e528e9

#e528e9
rgb(229,40,233)

#140aa0

#140aa0
rgb(20,10,160)

#df172c

#df172c
rgb(223,23,44)

#583721

#583721
rgb(88,55,33)

#411293

#411293
rgb(65,18,147)

#eccf8d

#eccf8d
rgb(236,207,141)

#d78e96

#d78e96
rgb(215,142,150)

#5c15eb

#5c15eb
rgb(92,21,235)

#8dafcb

#8dafcb
rgb(141,175,203)

#6d97c8

#6d97c8
rgb(109,151,200)