Informação da cor #3a2c57

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

No padrão de cores CMYK, é composto por 33.3% de ciano, 49.4% de magenta, 0% de amarelo e 65.9% de preto. Tem um ângulo de matiz de 259.5 graus, uma saturação de 32.8% e uma leveza de 25.7%.

A cor mais próxima WebSafe é 330033.

Conversões de #3a2c57 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 3a2c57
RGB 58, 44, 87
RGB Percentagem 22.7%, 17.3%, 34.1%
CMYK 0.33, 0.49, 0, 0.66
HSL 259.5°, 32.8%, 25.7%
HSV (ou HSB) 259.5°, 49.4%, 34.1%
RYB 22.7, 17.3, 34.1
Formato Cor
XYZ 5.6, 4.5, 11.5
CIELab 25.12, 17.15, -23.72
Decimal 3812439
Yxy 3.389, 0.2539, 0.1971
YUV 53.088, 147.1377, 131.5036
CIELuv 21.5388, 3.1477, -28.878
Web Safe 330033

Distribuição de #3a2c57

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.

#3a2c57

#3a2c57
rgb(58,44,87)

#4a572d

#4a572d
rgb(74,87,45)

Cores triadicas

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

#573a2d

#573a2d
rgb(87,58,45)

#3a2c57

#3a2c57
rgb(58,44,87)

#2d573a

#2d573a
rgb(45,87,58)

Cores tetrádicas

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

#572d34

#572d34
rgb(87,45,52)

#3a2c57

#3a2c57
rgb(58,44,87)

#4a572d

#4a572d
rgb(74,87,45)

#2d5750

#2d5750
rgb(45,87,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.

#3a2c57

#3a2c57
rgb(58,44,87)

#4b4557

#4b4557
rgb(75,69,87)

#4a4457

#4a4457
rgb(74,68,87)

#4a4357

#4a4357
rgb(74,67,87)

#494257

#494257
rgb(73,66,87)

#494157

#494157
rgb(73,65,87)

Tons e Matizes de #3a2c57

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

Matiz (adicionando branco)
#3a2c57

#3a2c57
rgb(58,44,87)

#615678

#615678
rgb(97,86,120)

#88809a

#88809a
rgb(136,128,154)

#b0aabb

#b0aabb
rgb(176,170,187)

#d7d4dd

#d7d4dd
rgb(215,212,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3a2c57

#3a2c57
rgb(58,44,87)

#2e2345

#2e2345
rgb(46,35,69)

#221a34

#221a34
rgb(34,26,52)

#171122

#171122
rgb(23,17,34)

#0b0811

#0b0811
rgb(11,8,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3a2c57

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#8f9b26

#8f9b26
rgb(143,155,38)

#61b4fa

#61b4fa
rgb(97,180,250)

#1baaef

#1baaef
rgb(27,170,239)

#d7d4b3

#d7d4b3
rgb(215,212,179)

#e19da0

#e19da0
rgb(225,157,160)

#6b20e7

#6b20e7
rgb(107,32,231)

#f77fe7

#f77fe7
rgb(247,127,231)

#ab9692

#ab9692
rgb(171,150,146)

#5725ac

#5725ac
rgb(87,37,172)

#466421

#466421
rgb(70,100,33)

#de6142

#de6142
rgb(222,97,66)

#81a6d5

#81a6d5
rgb(129,166,213)