Informação da cor #813ee4

A cor hexadecimal 813ee4 no modelo de cores RGB (Red, Green, Blue), é um composta por 129 de vermelho, 62 de verde e 228 de azul.

No padrão de cores CMYK, é composto por 43.4% de ciano, 72.8% de magenta, 0% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 264.2 graus, uma saturação de 75.5% e uma leveza de 56.9%.

A cor mais próxima WebSafe é 6633CC.

Conversões de #813ee4 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 813ee4
RGB 129, 62, 228
RGB Percentagem 50.6%, 24.3%, 89.4%
CMYK 0.43, 0.73, 0, 0.11
HSL 264.2°, 75.5%, 56.9%
HSV (ou HSB) 264.2°, 72.8%, 89.4%
RYB 50.6, 24.3, 89.4
Formato Cor
XYZ 26.8, 15.5, 76.5
CIELab 46.25, 59.53, -70.5
Decimal 8470244
Yxy 13.7132, 0.2188, 0.1211
YUV 100.957, 199.6947, 148.0022
CIELuv 43.8188, 11.4707, -112.1498
Web Safe 6633CC

Distribuição de #813ee4

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.

#813ee4

#813ee4
rgb(129,62,228)

#a2e43e

#a2e43e
rgb(162,228,62)

Cores triadicas

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

#e4813e

#e4813e
rgb(228,129,62)

#813ee4

#813ee4
rgb(129,62,228)

#3ee481

#3ee481
rgb(62,228,129)

Cores tetrádicas

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

#e43e4f

#e43e4f
rgb(228,62,79)

#813ee4

#813ee4
rgb(129,62,228)

#a2e43e

#a2e43e
rgb(162,228,62)

#3ee4d4

#3ee4d4
rgb(62,228,212)

Cores monocromáticas

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

#813ee4

#813ee4
rgb(129,62,228)

#c7b3e4

#c7b3e4
rgb(199,179,228)

#c6b1e4

#c6b1e4
rgb(198,177,228)

#c4aee4

#c4aee4
rgb(196,174,228)

#c3ace4

#c3ace4
rgb(195,172,228)

#c2aae4

#c2aae4
rgb(194,170,228)

Tons e Matizes de #813ee4

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

Matiz (adicionando branco)
#813ee4

#813ee4
rgb(129,62,228)

#9a64e9

#9a64e9
rgb(154,100,233)

#b38bee

#b38bee
rgb(179,139,238)

#ccb1f4

#ccb1f4
rgb(204,177,244)

#e5d8f9

#e5d8f9
rgb(229,216,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#813ee4

#813ee4
rgb(129,62,228)

#6731b6

#6731b6
rgb(103,49,182)

#4d2588

#4d2588
rgb(77,37,136)

#33185b

#33185b
rgb(51,24,91)

#190c2d

#190c2d
rgb(25,12,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #813ee4

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

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

Contraste

Branco e #813ee4
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 #813ee4
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 #813ee4

Este exemplo mostra como o texto na cor #813ee4 se parece.

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

Este parágrafo tem fundo de cor #813ee4.

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

Este elemento tem uma cor de borda de #813ee4.

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

Cores alietórias

#a40edc

#a40edc
rgb(164,14,220)

#f600aa

#f600aa
rgb(246,0,170)

#4a6aa5

#4a6aa5
rgb(74,106,165)

#2b079c

#2b079c
rgb(43,7,156)

#3e9570

#3e9570
rgb(62,149,112)

#b85d00

#b85d00
rgb(184,93,0)

#a6c401

#a6c401
rgb(166,196,1)

#d327a7

#d327a7
rgb(211,39,167)

#a93ad9

#a93ad9
rgb(169,58,217)

#0822e7

#0822e7
rgb(8,34,231)

#73331c

#73331c
rgb(115,51,28)

#d3724a

#d3724a
rgb(211,114,74)