Informação da cor #5e42bd

A cor hexadecimal 5e42bd no modelo de cores RGB (Red, Green, Blue), é um composta por 94 de vermelho, 66 de verde e 189 de azul.

No padrão de cores CMYK, é composto por 50.3% de ciano, 65.1% de magenta, 0% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 253.7 graus, uma saturação de 48.2% e uma leveza de 50%.

A cor mais próxima WebSafe é 333399.

Conversões de #5e42bd 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 5e42bd
RGB 94, 66, 189
RGB Percentagem 36.9%, 25.9%, 74.1%
CMYK 0.5, 0.65, 0, 0.26
HSL 253.7°, 48.2%, 50%
HSV (ou HSB) 253.7°, 65.1%, 74.1%
RYB 36.9, 25.9, 74.1
Formato Cor
XYZ 17.7, 11.7, 52.3
CIELab 40.75, 41.13, -58.74
Decimal 6177469
Yxy 9.9495, 0.2102, 0.1328
YUV 88.394, 184.7754, 131.9986
CIELuv 37.7517, 1.7741, -89.2915
Web Safe 333399

Distribuição de #5e42bd

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.

#5e42bd

#5e42bd
rgb(94,66,189)

#a2bd42

#a2bd42
rgb(162,189,66)

Cores triadicas

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

#bd5e42

#bd5e42
rgb(189,94,66)

#5e42bd

#5e42bd
rgb(94,66,189)

#42bd5e

#42bd5e
rgb(66,189,94)

Cores tetrádicas

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

#bd4264

#bd4264
rgb(189,66,100)

#5e42bd

#5e42bd
rgb(94,66,189)

#a2bd42

#a2bd42
rgb(162,189,66)

#42bd9c

#42bd9c
rgb(66,189,156)

Cores monocromáticas

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

#5e42bd

#5e42bd
rgb(94,66,189)

#9e95bd

#9e95bd
rgb(158,149,189)

#9c93bd

#9c93bd
rgb(156,147,189)

#9b91bd

#9b91bd
rgb(155,145,189)

#9a8fbd

#9a8fbd
rgb(154,143,189)

#988dbd

#988dbd
rgb(152,141,189)

Tons e Matizes de #5e42bd

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

Matiz (adicionando branco)
#5e42bd

#5e42bd
rgb(94,66,189)

#7e67ca

#7e67ca
rgb(126,103,202)

#9e8dd7

#9e8dd7
rgb(158,141,215)

#beb3e4

#beb3e4
rgb(190,179,228)

#ded9f1

#ded9f1
rgb(222,217,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5e42bd

#5e42bd
rgb(94,66,189)

#4b3497

#4b3497
rgb(75,52,151)

#382771

#382771
rgb(56,39,113)

#251a4b

#251a4b
rgb(37,26,75)

#120d25

#120d25
rgb(18,13,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5e42bd

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

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

Contraste

Branco e #5e42bd
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 #5e42bd
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 #5e42bd

Este exemplo mostra como o texto na cor #5e42bd se parece.

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

Este parágrafo tem fundo de cor #5e42bd.

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

Este elemento tem uma cor de borda de #5e42bd.

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

Cores alietórias

#928dfb

#928dfb
rgb(146,141,251)

#52d2dd

#52d2dd
rgb(82,210,221)

#2cad70

#2cad70
rgb(44,173,112)

#78e68d

#78e68d
rgb(120,230,141)

#01e0fe

#01e0fe
rgb(1,224,254)

#0befce

#0befce
rgb(11,239,206)

#9a8405

#9a8405
rgb(154,132,5)

#15eeab

#15eeab
rgb(21,238,171)

#31b056

#31b056
rgb(49,176,86)

#3cba29

#3cba29
rgb(60,186,41)

#1241ab

#1241ab
rgb(18,65,171)

#ffca05

#ffca05
rgb(255,202,5)