Informação da cor #3a3ec7

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

No padrão de cores CMYK, é composto por 70.9% de ciano, 68.8% de magenta, 0% de amarelo e 22% de preto. Tem um ângulo de matiz de 238.3 graus, uma saturação de 55.7% e uma leveza de 50.4%.

A cor mais próxima WebSafe é 333399.

Conversões de #3a3ec7 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 3a3ec7
RGB 58, 62, 199
RGB Percentagem 22.7%, 24.3%, 78%
CMYK 0.71, 0.69, 0, 0.22
HSL 238.3°, 55.7%, 50.4%
HSV (ou HSB) 238.3°, 70.9%, 78%
RYB 22.7, 24.3, 78
Formato Cor
XYZ 15.3, 9.9, 57.7
CIELab 37.71, 40.42, -69.25
Decimal 3817159
Yxy 8.467, 0.1785, 0.1097
YUV 76.422, 197.1749, 114.8603
CIELuv 34.9371, -7.9697, -99.4458
Web Safe 333399

Distribuição de #3a3ec7

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.

#3a3ec7

#3a3ec7
rgb(58,62,199)

#c7c43a

#c7c43a
rgb(199,196,58)

Cores triadicas

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

#c73a3e

#c73a3e
rgb(199,58,62)

#3a3ec7

#3a3ec7
rgb(58,62,199)

#3ec73a

#3ec73a
rgb(62,199,58)

Cores tetrádicas

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

#c73a85

#c73a85
rgb(199,58,133)

#3a3ec7

#3a3ec7
rgb(58,62,199)

#c7c43a

#c7c43a
rgb(199,196,58)

#3ac77d

#3ac77d
rgb(58,199,125)

Cores monocromáticas

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

#3a3ec7

#3a3ec7
rgb(58,62,199)

#9c9ec7

#9c9ec7
rgb(156,158,199)

#9a9cc7

#9a9cc7
rgb(154,156,199)

#989ac7

#989ac7
rgb(152,154,199)

#9698c7

#9698c7
rgb(150,152,199)

#9496c7

#9496c7
rgb(148,150,199)

Tons e Matizes de #3a3ec7

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

Matiz (adicionando branco)
#3a3ec7

#3a3ec7
rgb(58,62,199)

#6164d2

#6164d2
rgb(97,100,210)

#888bdd

#888bdd
rgb(136,139,221)

#b0b1e8

#b0b1e8
rgb(176,177,232)

#d7d8f3

#d7d8f3
rgb(215,216,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3a3ec7

#3a3ec7
rgb(58,62,199)

#2e319f

#2e319f
rgb(46,49,159)

#222577

#222577
rgb(34,37,119)

#17184f

#17184f
rgb(23,24,79)

#0b0c27

#0b0c27
rgb(11,12,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3a3ec7

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#4c0f62

#4c0f62
rgb(76,15,98)

#69d60f

#69d60f
rgb(105,214,15)

#c84145

#c84145
rgb(200,65,69)

#b2b07d

#b2b07d
rgb(178,176,125)

#e85169

#e85169
rgb(232,81,105)

#00d31d

#00d31d
rgb(0,211,29)

#b75cfc

#b75cfc
rgb(183,92,252)

#a25f36

#a25f36
rgb(162,95,54)

#911f52

#911f52
rgb(145,31,82)

#1acf6e

#1acf6e
rgb(26,207,110)

#0d1f9e

#0d1f9e
rgb(13,31,158)

#3ba68a

#3ba68a
rgb(59,166,138)