Informação da cor #5c0ef5

A cor hexadecimal 5c0ef5 no modelo de cores RGB (Red, Green, Blue), é um composta por 92 de vermelho, 14 de verde e 245 de azul.

No padrão de cores CMYK, é composto por 62.4% de ciano, 94.3% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 260.3 graus, uma saturação de 92% e uma leveza de 50.8%.

A cor mais próxima WebSafe é 3300CC.

Conversões de #5c0ef5 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 5c0ef5
RGB 92, 14, 245
RGB Percentagem 36.1%, 5.5%, 96.1%
CMYK 0.62, 0.94, 0, 0.04
HSL 260.3°, 92%, 50.8%
HSV (ou HSB) 260.3°, 94.3%, 96.1%
RYB 36.1, 5.5, 96.1
Formato Cor
XYZ 22.2, 9.9, 87.8
CIELab 37.62, 76.66, -93.68
Decimal 6033141
Yxy 9.1804, 0.1795, 0.0783
YUV 63.656, 230.3386, 148.2169
CIELuv 36.3294, 1.2659, -128.2441
Web Safe 3300CC

Distribuição de #5c0ef5

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.

#5c0ef5

#5c0ef5
rgb(92,14,245)

#a8f50f

#a8f50f
rgb(168,245,15)

Cores triadicas

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

#f55c0f

#f55c0f
rgb(245,92,15)

#5c0ef5

#5c0ef5
rgb(92,14,245)

#0ff55c

#0ff55c
rgb(15,245,92)

Cores tetrádicas

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

#f50f34

#f50f34
rgb(245,15,52)

#5c0ef5

#5c0ef5
rgb(92,14,245)

#a8f50f

#a8f50f
rgb(168,245,15)

#0ff5d0

#0ff5d0
rgb(15,245,208)

Cores monocromáticas

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

#5c0ef5

#5c0ef5
rgb(92,14,245)

#d2c0f5

#d2c0f5
rgb(210,192,245)

#d0bdf5

#d0bdf5
rgb(208,189,245)

#cfbbf5

#cfbbf5
rgb(207,187,245)

#cdb8f5

#cdb8f5
rgb(205,184,245)

#cbb6f5

#cbb6f5
rgb(203,182,245)

Tons e Matizes de #5c0ef5

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

Matiz (adicionando branco)
#5c0ef5

#5c0ef5
rgb(92,14,245)

#7c3ef7

#7c3ef7
rgb(124,62,247)

#9d6ef9

#9d6ef9
rgb(157,110,249)

#bd9efb

#bd9efb
rgb(189,158,251)

#decefd

#decefd
rgb(222,206,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5c0ef5

#5c0ef5
rgb(92,14,245)

#490bc4

#490bc4
rgb(73,11,196)

#370893

#370893
rgb(55,8,147)

#240561

#240561
rgb(36,5,97)

#120230

#120230
rgb(18,2,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5c0ef5

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#ddd0c4

#ddd0c4
rgb(221,208,196)

#ed8780

#ed8780
rgb(237,135,128)

#11d0b0

#11d0b0
rgb(17,208,176)

#cff8b9

#cff8b9
rgb(207,248,185)

#e186c9

#e186c9
rgb(225,134,201)

#edcec6

#edcec6
rgb(237,206,198)

#86d19f

#86d19f
rgb(134,209,159)

#edeb3c

#edeb3c
rgb(237,235,60)

#09c37a

#09c37a
rgb(9,195,122)

#438b17

#438b17
rgb(67,139,23)

#d981b4

#d981b4
rgb(217,129,180)

#2ca317

#2ca317
rgb(44,163,23)