Informação da cor #3e4476

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

No padrão de cores CMYK, é composto por 47.5% de ciano, 42.4% de magenta, 0% de amarelo e 53.7% de preto. Tem um ângulo de matiz de 233.6 graus, uma saturação de 31.1% e uma leveza de 35.3%.

A cor mais próxima WebSafe é 333366.

Conversões de #3e4476 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 3e4476
RGB 62, 68, 118
RGB Percentagem 24.3%, 26.7%, 46.3%
CMYK 0.47, 0.42, 0, 0.54
HSL 233.6°, 31.1%, 35.3%
HSV (ou HSB) 233.6°, 47.5%, 46.3%
RYB 24.3, 26.7, 46.3
Formato Cor
XYZ 9, 8.1, 20.9
CIELab 34.13, 11.4, -28.84
Decimal 4080758
Yxy 6.466, 0.2304, 0.2034
YUV 71.906, 154.0124, 120.9344
CIELuv 30.559, -5.0906, -40.0187
Web Safe 333366

Distribuição de #3e4476

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.

#3e4476

#3e4476
rgb(62,68,118)

#76703f

#76703f
rgb(118,112,63)

Cores triadicas

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

#763f45

#763f45
rgb(118,63,69)

#3e4476

#3e4476
rgb(62,68,118)

#45763f

#45763f
rgb(69,118,63)

Cores tetrádicas

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

#763f61

#763f61
rgb(118,63,97)

#3e4476

#3e4476
rgb(62,68,118)

#76703f

#76703f
rgb(118,112,63)

#3f7654

#3f7654
rgb(63,118,84)

Cores monocromáticas

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

#3e4476

#3e4476
rgb(62,68,118)

#5d6076

#5d6076
rgb(93,96,118)

#5c5f76

#5c5f76
rgb(92,95,118)

#5b5e76

#5b5e76
rgb(91,94,118)

#5a5d76

#5a5d76
rgb(90,93,118)

#585c76

#585c76
rgb(88,92,118)

Tons e Matizes de #3e4476

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

Matiz (adicionando branco)
#3e4476

#3e4476
rgb(62,68,118)

#646991

#646991
rgb(100,105,145)

#8b8eac

#8b8eac
rgb(139,142,172)

#b1b4c8

#b1b4c8
rgb(177,180,200)

#d8d9e3

#d8d9e3
rgb(216,217,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3e4476

#3e4476
rgb(62,68,118)

#31365e

#31365e
rgb(49,54,94)

#252846

#252846
rgb(37,40,70)

#181b2f

#181b2f
rgb(24,27,47)

#0c0d17

#0c0d17
rgb(12,13,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3e4476

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#5612fb

#5612fb
rgb(86,18,251)

#900f00

#900f00
rgb(144,15,0)

#7ded2e

#7ded2e
rgb(125,237,46)

#9f18e8

#9f18e8
rgb(159,24,232)

#03c4ff

#03c4ff
rgb(3,196,255)

#5f90bc

#5f90bc
rgb(95,144,188)

#06b782

#06b782
rgb(6,183,130)

#ee79d5

#ee79d5
rgb(238,121,213)

#bf3234

#bf3234
rgb(191,50,52)

#c619b0

#c619b0
rgb(198,25,176)

#dd1c81

#dd1c81
rgb(221,28,129)

#a64cc4

#a64cc4
rgb(166,76,196)