Informação da cor #4e39ae

A cor hexadecimal 4e39ae no modelo de cores RGB (Red, Green, Blue), é um composta por 78 de vermelho, 57 de verde e 174 de azul.

No padrão de cores CMYK, é composto por 55.2% de ciano, 67.2% de magenta, 0% de amarelo e 31.8% de preto. Tem um ângulo de matiz de 250.8 graus, uma saturação de 50.7% e uma leveza de 45.3%.

A cor mais próxima WebSafe é 333399.

Conversões de #4e39ae 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 4e39ae
RGB 78, 57, 174
RGB Percentagem 30.6%, 22.4%, 68.2%
CMYK 0.55, 0.67, 0, 0.32
HSL 250.8°, 50.7%, 45.3%
HSV (ou HSB) 250.8°, 67.2%, 68.2%
RYB 30.6, 22.4, 68.2
Formato Cor
XYZ 14, 9.1, 44
CIELab 36.19, 39.15, -57.91
Decimal 5126574
Yxy 7.6012, 0.2017, 0.1252
YUV 76.617, 182.9565, 128.9865
CIELuv 33.1382, -0.4484, -83.3211
Web Safe 333399

Distribuição de #4e39ae

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.

#4e39ae

#4e39ae
rgb(78,57,174)

#9aae39

#9aae39
rgb(154,174,57)

Cores triadicas

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

#ae4e39

#ae4e39
rgb(174,78,57)

#4e39ae

#4e39ae
rgb(78,57,174)

#39ae4e

#39ae4e
rgb(57,174,78)

Cores tetrádicas

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

#ae395f

#ae395f
rgb(174,57,95)

#4e39ae

#4e39ae
rgb(78,57,174)

#9aae39

#9aae39
rgb(154,174,57)

#39ae89

#39ae89
rgb(57,174,137)

Cores monocromáticas

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

#4e39ae

#4e39ae
rgb(78,57,174)

#9089ae

#9089ae
rgb(144,137,174)

#8e87ae

#8e87ae
rgb(142,135,174)

#8d85ae

#8d85ae
rgb(141,133,174)

#8b84ae

#8b84ae
rgb(139,132,174)

#8a82ae

#8a82ae
rgb(138,130,174)

Tons e Matizes de #4e39ae

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

Matiz (adicionando branco)
#4e39ae

#4e39ae
rgb(78,57,174)

#7160be

#7160be
rgb(113,96,190)

#9488ce

#9488ce
rgb(148,136,206)

#b8afde

#b8afde
rgb(184,175,222)

#dbd7ee

#dbd7ee
rgb(219,215,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4e39ae

#4e39ae
rgb(78,57,174)

#3e2d8b

#3e2d8b
rgb(62,45,139)

#2e2268

#2e2268
rgb(46,34,104)

#1f1645

#1f1645
rgb(31,22,69)

#0f0b22

#0f0b22
rgb(15,11,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4e39ae

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

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

Contraste

Branco e #4e39ae
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 #4e39ae
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 #4e39ae

Este exemplo mostra como o texto na cor #4e39ae se parece.

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

Este parágrafo tem fundo de cor #4e39ae.

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

Este elemento tem uma cor de borda de #4e39ae.

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

Cores alietórias

#8bde68

#8bde68
rgb(139,222,104)

#96f2af

#96f2af
rgb(150,242,175)

#730a24

#730a24
rgb(115,10,36)

#32bad9

#32bad9
rgb(50,186,217)

#699cdd

#699cdd
rgb(105,156,221)

#8cb2cd

#8cb2cd
rgb(140,178,205)

#a89f4b

#a89f4b
rgb(168,159,75)

#6382c0

#6382c0
rgb(99,130,192)

#6aa830

#6aa830
rgb(106,168,48)

#ae8eb1

#ae8eb1
rgb(174,142,177)

#fa4742

#fa4742
rgb(250,71,66)

#efab5b

#efab5b
rgb(239,171,91)