Informação da cor #6d63c4

A cor hexadecimal 6d63c4 no modelo de cores RGB (Red, Green, Blue), é um composta por 109 de vermelho, 99 de verde e 196 de azul.

No padrão de cores CMYK, é composto por 44.4% de ciano, 49.5% de magenta, 0% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 246.2 graus, uma saturação de 45.1% e uma leveza de 57.8%.

A cor mais próxima WebSafe é 663399.

Conversões de #6d63c4 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 6d63c4
RGB 109, 99, 196
RGB Percentagem 42.7%, 38.8%, 76.9%
CMYK 0.44, 0.49, 0, 0.23
HSL 246.2°, 45.1%, 57.8%
HSV (ou HSB) 246.2°, 49.5%, 76.9%
RYB 42.7, 38.8, 76.9
Formato Cor
XYZ 23.2, 18.6, 57.3
CIELab 50.22, 26.83, -47.24
Decimal 7168964
Yxy 16.1595, 0.2275, 0.1773
YUV 113.048, 174.8126, 125.1127
CIELuv 47.1831, -1.9176, -77.7846
Web Safe 663399

Distribuição de #6d63c4

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.

#6d63c4

#6d63c4
rgb(109,99,196)

#bbc463

#bbc463
rgb(187,196,99)

Cores triadicas

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

#c46d63

#c46d63
rgb(196,109,99)

#6d63c4

#6d63c4
rgb(109,99,196)

#63c46d

#63c46d
rgb(99,196,109)

Cores tetrádicas

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

#c4638a

#c4638a
rgb(196,99,138)

#6d63c4

#6d63c4
rgb(109,99,196)

#bbc463

#bbc463
rgb(187,196,99)

#63c49e

#63c49e
rgb(99,196,158)

Cores monocromáticas

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

#6d63c4

#6d63c4
rgb(109,99,196)

#9f9ac4

#9f9ac4
rgb(159,154,196)

#9d98c4

#9d98c4
rgb(157,152,196)

#9b96c4

#9b96c4
rgb(155,150,196)

#9994c4

#9994c4
rgb(153,148,196)

#9893c4

#9893c4
rgb(152,147,196)

Tons e Matizes de #6d63c4

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

Matiz (adicionando branco)
#6d63c4

#6d63c4
rgb(109,99,196)

#8a82cf

#8a82cf
rgb(138,130,207)

#a7a1db

#a7a1db
rgb(167,161,219)

#c4c0e7

#c4c0e7
rgb(196,192,231)

#e1dff3

#e1dff3
rgb(225,223,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6d63c4

#6d63c4
rgb(109,99,196)

#574f9c

#574f9c
rgb(87,79,156)

#413b75

#413b75
rgb(65,59,117)

#2b274e

#2b274e
rgb(43,39,78)

#151327

#151327
rgb(21,19,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6d63c4

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#5fb873

#5fb873
rgb(95,184,115)

#92a0e9

#92a0e9
rgb(146,160,233)

#a073e9

#a073e9
rgb(160,115,233)

#8008d9

#8008d9
rgb(128,8,217)

#ef40c4

#ef40c4
rgb(239,64,196)

#cedbe0

#cedbe0
rgb(206,219,224)

#4d9d8c

#4d9d8c
rgb(77,157,140)

#003bb2

#003bb2
rgb(0,59,178)

#005627

#005627
rgb(0,86,39)

#86db8e

#86db8e
rgb(134,219,142)

#ceddb7

#ceddb7
rgb(206,221,183)

#717007

#717007
rgb(113,112,7)