Informação da cor #3c28a3

A cor hexadecimal 3c28a3 no modelo de cores RGB (Red, Green, Blue), é um composta por 60 de vermelho, 40 de verde e 163 de azul.

No padrão de cores CMYK, é composto por 63.2% de ciano, 75.5% de magenta, 0% de amarelo e 36.1% de preto. Tem um ângulo de matiz de 249.8 graus, uma saturação de 60.6% e uma leveza de 39.8%.

A cor mais próxima WebSafe é 330099.

Conversões de #3c28a3 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 3c28a3
RGB 60, 40, 163
RGB Percentagem 23.5%, 15.7%, 63.9%
CMYK 0.63, 0.75, 0, 0.36
HSL 249.8°, 60.6%, 39.8%
HSV (ou HSB) 249.8°, 75.5%, 63.9%
RYB 23.5, 15.7, 63.9
Formato Cor
XYZ 10.7, 6.2, 38.3
CIELab 29.94, 43.01, -61.99
Decimal 3942563
Yxy 5.1219, 0.1865, 0.1035
YUV 60.002, 186.1253, 127.9986
CIELuv 27.0793, -1.7672, -80.1275
Web Safe 330099

Distribuição de #3c28a3

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.

#3c28a3

#3c28a3
rgb(60,40,163)

#90a328

#90a328
rgb(144,163,40)

Cores triadicas

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

#a33c28

#a33c28
rgb(163,60,40)

#3c28a3

#3c28a3
rgb(60,40,163)

#28a33c

#28a33c
rgb(40,163,60)

Cores tetrádicas

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

#a32852

#a32852
rgb(163,40,82)

#3c28a3

#3c28a3
rgb(60,40,163)

#90a328

#90a328
rgb(144,163,40)

#28a37a

#28a37a
rgb(40,163,122)

Cores monocromáticas

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

#3c28a3

#3c28a3
rgb(60,40,163)

#8680a3

#8680a3
rgb(134,128,163)

#847ea3

#847ea3
rgb(132,126,163)

#837da3

#837da3
rgb(131,125,163)

#827ba3

#827ba3
rgb(130,123,163)

#807aa3

#807aa3
rgb(128,122,163)

Tons e Matizes de #3c28a3

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

Matiz (adicionando branco)
#3c28a3

#3c28a3
rgb(60,40,163)

#6353b5

#6353b5
rgb(99,83,181)

#8a7ec7

#8a7ec7
rgb(138,126,199)

#b1a9da

#b1a9da
rgb(177,169,218)

#d8d4ec

#d8d4ec
rgb(216,212,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3c28a3

#3c28a3
rgb(60,40,163)

#302082

#302082
rgb(48,32,130)

#241861

#241861
rgb(36,24,97)

#170f41

#170f41
rgb(23,15,65)

#0b0720

#0b0720
rgb(11,7,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3c28a3

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#69e43d

#69e43d
rgb(105,228,61)

#999b60

#999b60
rgb(153,155,96)

#5816cb

#5816cb
rgb(88,22,203)

#fa657d

#fa657d
rgb(250,101,125)

#caa74f

#caa74f
rgb(202,167,79)

#b267fb

#b267fb
rgb(178,103,251)

#2e3a32

#2e3a32
rgb(46,58,50)

#c8d41c

#c8d41c
rgb(200,212,28)

#3759da

#3759da
rgb(55,89,218)

#77f6c1

#77f6c1
rgb(119,246,193)

#761701

#761701
rgb(118,23,1)

#580218

#580218
rgb(88,2,24)