Informação da cor #5a47b7

A cor hexadecimal 5a47b7 no modelo de cores RGB (Red, Green, Blue), é um composta por 90 de vermelho, 71 de verde e 183 de azul.

No padrão de cores CMYK, é composto por 50.8% de ciano, 61.2% de magenta, 0% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 250.2 graus, uma saturação de 44.1% e uma leveza de 49.8%.

A cor mais próxima WebSafe é 333399.

Conversões de #5a47b7 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 5a47b7
RGB 90, 71, 183
RGB Percentagem 35.3%, 27.8%, 71.8%
CMYK 0.51, 0.61, 0, 0.28
HSL 250.2°, 44.1%, 49.8%
HSV (ou HSB) 250.2°, 61.2%, 71.8%
RYB 35.3, 27.8, 71.8
Formato Cor
XYZ 17, 11.9, 49.1
CIELab 41.12, 35.67, -54.86
Decimal 5916599
Yxy 10.0983, 0.2113, 0.1421
YUV 89.449, 180.794, 128.3931
CIELuv 38.0183, -0.2467, -83.8733
Web Safe 333399

Distribuição de #5a47b7

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.

#5a47b7

#5a47b7
rgb(90,71,183)

#a4b747

#a4b747
rgb(164,183,71)

Cores triadicas

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

#b75b47

#b75b47
rgb(183,91,71)

#5a47b7

#5a47b7
rgb(90,71,183)

#47b75b

#47b75b
rgb(71,183,91)

Cores tetrádicas

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

#b7476c

#b7476c
rgb(183,71,108)

#5a47b7

#5a47b7
rgb(90,71,183)

#a4b747

#a4b747
rgb(164,183,71)

#47b793

#47b793
rgb(71,183,147)

Cores monocromáticas

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

#5a47b7

#5a47b7
rgb(90,71,183)

#9790b7

#9790b7
rgb(151,144,183)

#958eb7

#958eb7
rgb(149,142,183)

#948cb7

#948cb7
rgb(148,140,183)

#928ab7

#928ab7
rgb(146,138,183)

#9189b7

#9189b7
rgb(145,137,183)

Tons e Matizes de #5a47b7

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

Matiz (adicionando branco)
#5a47b7

#5a47b7
rgb(90,71,183)

#7b6bc5

#7b6bc5
rgb(123,107,197)

#9c90d3

#9c90d3
rgb(156,144,211)

#bdb5e2

#bdb5e2
rgb(189,181,226)

#dedaf0

#dedaf0
rgb(222,218,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5a47b7

#5a47b7
rgb(90,71,183)

#483892

#483892
rgb(72,56,146)

#362a6d

#362a6d
rgb(54,42,109)

#231c49

#231c49
rgb(35,28,73)

#110e24

#110e24
rgb(17,14,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5a47b7

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

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

Contraste

Branco e #5a47b7
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #5a47b7
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 #5a47b7

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

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

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

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

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

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

Cores alietórias

#d0ac5f

#d0ac5f
rgb(208,172,95)

#9c021b

#9c021b
rgb(156,2,27)

#d3f0d0

#d3f0d0
rgb(211,240,208)

#60a916

#60a916
rgb(96,169,22)

#4d7a43

#4d7a43
rgb(77,122,67)

#ca2cf5

#ca2cf5
rgb(202,44,245)

#76b634

#76b634
rgb(118,182,52)

#6b442e

#6b442e
rgb(107,68,46)

#d4128a

#d4128a
rgb(212,18,138)

#09369c

#09369c
rgb(9,54,156)

#fc4fee

#fc4fee
rgb(252,79,238)

#07655e

#07655e
rgb(7,101,94)