Informação da cor #3a315c

A cor hexadecimal 3a315c no modelo de cores RGB (Red, Green, Blue), é um composta por 58 de vermelho, 49 de verde e 92 de azul.

No padrão de cores CMYK, é composto por 37% de ciano, 46.7% de magenta, 0% de amarelo e 63.9% de preto. Tem um ângulo de matiz de 252.6 graus, uma saturação de 30.5% e uma leveza de 27.7%.

A cor mais próxima WebSafe é 330033.

Conversões de #3a315c 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 3a315c
RGB 58, 49, 92
RGB Percentagem 22.7%, 19.2%, 36.1%
CMYK 0.37, 0.47, 0, 0.64
HSL 252.6°, 30.5%, 27.7%
HSV (ou HSB) 252.6°, 46.7%, 36.1%
RYB 22.7, 19.2, 36.1
Formato Cor
XYZ 6.1, 5, 12.9
CIELab 26.84, 15.15, -24.23
Decimal 3813724
Yxy 3.8688, 0.2479, 0.2009
YUV 56.593, 147.9814, 129.0036
CIELuv 23.2328, 1.1814, -30.3563
Web Safe 330033

Distribuição de #3a315c

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.

#3a315c

#3a315c
rgb(58,49,92)

#535c31

#535c31
rgb(83,92,49)

Cores triadicas

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

#5c3b31

#5c3b31
rgb(92,59,49)

#3a315c

#3a315c
rgb(58,49,92)

#315c3b

#315c3b
rgb(49,92,59)

Cores tetrádicas

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

#5c313e

#5c313e
rgb(92,49,62)

#3a315c

#3a315c
rgb(58,49,92)

#535c31

#535c31
rgb(83,92,49)

#315c50

#315c50
rgb(49,92,80)

Cores monocromáticas

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

#3a315c

#3a315c
rgb(58,49,92)

#4d495c

#4d495c
rgb(77,73,92)

#4c485c

#4c485c
rgb(76,72,92)

#4b475c

#4b475c
rgb(75,71,92)

#4b465c

#4b465c
rgb(75,70,92)

#4a455c

#4a455c
rgb(74,69,92)

Tons e Matizes de #3a315c

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

Matiz (adicionando branco)
#3a315c

#3a315c
rgb(58,49,92)

#615a7c

#615a7c
rgb(97,90,124)

#88839d

#88839d
rgb(136,131,157)

#b0acbd

#b0acbd
rgb(176,172,189)

#d7d5de

#d7d5de
rgb(215,213,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3a315c

#3a315c
rgb(58,49,92)

#2e2749

#2e2749
rgb(46,39,73)

#221d37

#221d37
rgb(34,29,55)

#171324

#171324
rgb(23,19,36)

#0b0912

#0b0912
rgb(11,9,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3a315c

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

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

Contraste

Branco e #3a315c
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 #3a315c
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 #3a315c

Este exemplo mostra como o texto na cor #3a315c se parece.

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

Este parágrafo tem fundo de cor #3a315c.

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

Este elemento tem uma cor de borda de #3a315c.

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

Cores alietórias

#ba6052

#ba6052
rgb(186,96,82)

#4f9c4e

#4f9c4e
rgb(79,156,78)

#d315fd

#d315fd
rgb(211,21,253)

#a9482d

#a9482d
rgb(169,72,45)

#9a93b9

#9a93b9
rgb(154,147,185)

#831aab

#831aab
rgb(131,26,171)

#a657c9

#a657c9
rgb(166,87,201)

#cb2625

#cb2625
rgb(203,38,37)

#415752

#415752
rgb(65,87,82)

#6d7244

#6d7244
rgb(109,114,68)

#4f5bdc

#4f5bdc
rgb(79,91,220)

#fbb5b3

#fbb5b3
rgb(251,181,179)