Informação da cor #5e28fa

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

No padrão de cores CMYK, é composto por 62.4% de ciano, 84% de magenta, 0% de amarelo e 2% de preto. Tem um ângulo de matiz de 255.4 graus, uma saturação de 95.5% e uma leveza de 56.9%.

A cor mais próxima WebSafe é 3300CC.

Conversões de #5e28fa 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 5e28fa
RGB 94, 40, 250
RGB Percentagem 36.9%, 15.7%, 98%
CMYK 0.62, 0.84, 0, 0.02
HSL 255.4°, 95.5%, 56.9%
HSV (ou HSB) 255.4°, 84%, 98%
RYB 36.9, 15.7, 98
Formato Cor
XYZ 23.9, 11.9, 91.8
CIELab 41.02, 69.84, -90.63
Decimal 6170874
Yxy 10.7977, 0.1814, 0.0866
YUV 80.086, 223.8883, 137.9245
CIELuv 39.2377, -0.2424, -130.7886
Web Safe 3300CC

Distribuição de #5e28fa

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#5e28fa

#5e28fa
rgb(94,40,250)

#c4fa29

#c4fa29
rgb(196,250,41)

Cores triadicas

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

#fa5f29

#fa5f29
rgb(250,95,41)

#5e28fa

#5e28fa
rgb(94,40,250)

#29fa5f

#29fa5f
rgb(41,250,95)

Cores tetrádicas

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

#fa295b

#fa295b
rgb(250,41,91)

#5e28fa

#5e28fa
rgb(94,40,250)

#c4fa29

#c4fa29
rgb(196,250,41)

#29fac8

#29fac8
rgb(41,250,200)

Cores monocromáticas

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

#5e28fa

#5e28fa
rgb(94,40,250)

#d2c4fa

#d2c4fa
rgb(210,196,250)

#d0c1fa

#d0c1fa
rgb(208,193,250)

#cebffa

#cebffa
rgb(206,191,250)

#ccbcfa

#ccbcfa
rgb(204,188,250)

#cbbafa

#cbbafa
rgb(203,186,250)

Tons e Matizes de #5e28fa

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

Matiz (adicionando branco)
#5e28fa

#5e28fa
rgb(94,40,250)

#7e53fb

#7e53fb
rgb(126,83,251)

#9e7efc

#9e7efc
rgb(158,126,252)

#bea9fd

#bea9fd
rgb(190,169,253)

#ded4fe

#ded4fe
rgb(222,212,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5e28fa

#5e28fa
rgb(94,40,250)

#4b20c8

#4b20c8
rgb(75,32,200)

#381896

#381896
rgb(56,24,150)

#250f63

#250f63
rgb(37,15,99)

#120731

#120731
rgb(18,7,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5e28fa

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

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

Contraste

Branco e #5e28fa
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 #5e28fa
Texto grande WCAG AA ✓ 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 #5e28fa

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

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

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

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

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

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

Cores alietórias

#688ab6

#688ab6
rgb(104,138,182)

#4897e9

#4897e9
rgb(72,151,233)

#f914af

#f914af
rgb(249,20,175)

#1b86b2

#1b86b2
rgb(27,134,178)

#495b6e

#495b6e
rgb(73,91,110)

#574cf3

#574cf3
rgb(87,76,243)

#440cfd

#440cfd
rgb(68,12,253)

#d78767

#d78767
rgb(215,135,103)

#fc27a7

#fc27a7
rgb(252,39,167)

#5813a5

#5813a5
rgb(88,19,165)

#b7d0b9

#b7d0b9
rgb(183,208,185)

#612a28

#612a28
rgb(97,42,40)