Informação da cor #5c3183

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

No padrão de cores CMYK, é composto por 29.8% de ciano, 62.6% de magenta, 0% de amarelo e 48.6% de preto. Tem um ângulo de matiz de 271.5 graus, uma saturação de 45.6% e uma leveza de 35.3%.

A cor mais próxima WebSafe é 330066.

Conversões de #5c3183 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 5c3183
RGB 92, 49, 131
RGB Percentagem 36.1%, 19.2%, 51.4%
CMYK 0.3, 0.63, 0, 0.49
HSL 271.5°, 45.6%, 35.3%
HSV (ou HSB) 271.5°, 62.6%, 51.4%
RYB 36.1, 19.2, 51.4
Formato Cor
XYZ 11.4, 7.5, 25.2
CIELab 32.99, 35.57, -38.24
Decimal 6041987
Yxy 6.1107, 0.2538, 0.1614
YUV 71.205, 161.7444, 142.8324
CIELuv 29.69, 12.0946, -54.182
Web Safe 330066

Distribuição de #5c3183

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.

#5c3183

#5c3183
rgb(92,49,131)

#598331

#598331
rgb(89,131,49)

Cores triadicas

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

#835c31

#835c31
rgb(131,92,49)

#5c3183

#5c3183
rgb(92,49,131)

#31835c

#31835c
rgb(49,131,92)

Cores tetrádicas

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

#833331

#833331
rgb(131,51,49)

#5c3183

#5c3183
rgb(92,49,131)

#598331

#598331
rgb(89,131,49)

#318283

#318283
rgb(49,130,131)

Cores monocromáticas

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

#5c3183

#5c3183
rgb(92,49,131)

#766783

#766783
rgb(118,103,131)

#756683

#756683
rgb(117,102,131)

#756583

#756583
rgb(117,101,131)

#746383

#746383
rgb(116,99,131)

#746283

#746283
rgb(116,98,131)

Tons e Matizes de #5c3183

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

Matiz (adicionando branco)
#5c3183

#5c3183
rgb(92,49,131)

#7c5a9b

#7c5a9b
rgb(124,90,155)

#9d83b4

#9d83b4
rgb(157,131,180)

#bdaccd

#bdaccd
rgb(189,172,205)

#ded5e6

#ded5e6
rgb(222,213,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5c3183

#5c3183
rgb(92,49,131)

#492768

#492768
rgb(73,39,104)

#371d4e

#371d4e
rgb(55,29,78)

#241334

#241334
rgb(36,19,52)

#12091a

#12091a
rgb(18,9,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5c3183

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#a1e3f7

#a1e3f7
rgb(161,227,247)

#6712bb

#6712bb
rgb(103,18,187)

#6622c5

#6622c5
rgb(102,34,197)

#878b28

#878b28
rgb(135,139,40)

#c17a25

#c17a25
rgb(193,122,37)

#b1cffd

#b1cffd
rgb(177,207,253)

#4087bc

#4087bc
rgb(64,135,188)

#5afb2f

#5afb2f
rgb(90,251,47)

#f2d8d6

#f2d8d6
rgb(242,216,214)

#de6d4a

#de6d4a
rgb(222,109,74)

#4b0b9a

#4b0b9a
rgb(75,11,154)

#e55e91

#e55e91
rgb(229,94,145)