Informação da cor #5c65e4

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

No padrão de cores CMYK, é composto por 59.6% de ciano, 55.7% de magenta, 0% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 236 graus, uma saturação de 71.6% e uma leveza de 62.8%.

A cor mais próxima WebSafe é 3333CC.

Conversões de #5c65e4 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 5c65e4
RGB 92, 101, 228
RGB Percentagem 36.1%, 39.6%, 89.4%
CMYK 0.6, 0.56, 0, 0.11
HSL 236°, 71.6%, 62.8%
HSV (ou HSB) 236°, 59.7%, 89.4%
RYB 36.1, 39.6, 89.4
Formato Cor
XYZ 25.1, 19.5, 77.4
CIELab 51.26, 31.02, -62.52
Decimal 6055396
Yxy 17.1823, 0.1993, 0.1485
YUV 112.787, 193.0186, 113.1734
CIELuv 48.489, -10.0532, -103.0495
Web Safe 3333CC

Distribuição de #5c65e4

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.

#5c65e4

#5c65e4
rgb(92,101,228)

#e4dc5c

#e4dc5c
rgb(228,220,92)

Cores triadicas

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

#e45c65

#e45c65
rgb(228,92,101)

#5c65e4

#5c65e4
rgb(92,101,228)

#65e45c

#65e45c
rgb(101,228,92)

Cores tetrádicas

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

#e45ca9

#e45ca9
rgb(228,92,169)

#5c65e4

#5c65e4
rgb(92,101,228)

#e4dc5c

#e4dc5c
rgb(228,220,92)

#5ce498

#5ce498
rgb(92,228,152)

Cores monocromáticas

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

#5c65e4

#5c65e4
rgb(92,101,228)

#b3b7e4

#b3b7e4
rgb(179,183,228)

#b1b4e4

#b1b4e4
rgb(177,180,228)

#afb2e4

#afb2e4
rgb(175,178,228)

#acb0e4

#acb0e4
rgb(172,176,228)

#aaaee4

#aaaee4
rgb(170,174,228)

Tons e Matizes de #5c65e4

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

Matiz (adicionando branco)
#5c65e4

#5c65e4
rgb(92,101,228)

#7c83e9

#7c83e9
rgb(124,131,233)

#9da2ee

#9da2ee
rgb(157,162,238)

#bdc1f4

#bdc1f4
rgb(189,193,244)

#dee0f9

#dee0f9
rgb(222,224,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5c65e4

#5c65e4
rgb(92,101,228)

#4950b6

#4950b6
rgb(73,80,182)

#373c88

#373c88
rgb(55,60,136)

#24285b

#24285b
rgb(36,40,91)

#12142d

#12142d
rgb(18,20,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5c65e4

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#808597

#808597
rgb(128,133,151)

#57b68e

#57b68e
rgb(87,182,142)

#f5daa2

#f5daa2
rgb(245,218,162)

#54bb41

#54bb41
rgb(84,187,65)

#afed27

#afed27
rgb(175,237,39)

#4dcf1e

#4dcf1e
rgb(77,207,30)

#a98724

#a98724
rgb(169,135,36)

#f6e3d2

#f6e3d2
rgb(246,227,210)

#6cc8a1

#6cc8a1
rgb(108,200,161)

#f9a59a

#f9a59a
rgb(249,165,154)

#6f3f0d

#6f3f0d
rgb(111,63,13)

#c73f50

#c73f50
rgb(199,63,80)