Informação da cor #5c4979

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

No padrão de cores CMYK, é composto por 24% de ciano, 39.7% de magenta, 0% de amarelo e 52.5% de preto. Tem um ângulo de matiz de 263.8 graus, uma saturação de 24.7% e uma leveza de 38%.

A cor mais próxima WebSafe é 333366.

Conversões de #5c4979 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 5c4979
RGB 92, 73, 121
RGB Percentagem 36.1%, 28.6%, 47.5%
CMYK 0.24, 0.4, 0, 0.53
HSL 263.8°, 24.7%, 38%
HSV (ou HSB) 263.8°, 39.7%, 47.5%
RYB 36.1, 28.6, 47.5
Formato Cor
XYZ 12.3, 10.3, 22.1
CIELab 38.37, 18.3, -23.8
Decimal 6048121
Yxy 8.4209, 0.2708, 0.2225
YUV 84.153, 148.794, 133.597
CIELuv 34.8444, 6.048, -35.2525
Web Safe 333366

Distribuição de #5c4979

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.

#5c4979

#5c4979
rgb(92,73,121)

#667949

#667949
rgb(102,121,73)

Cores triadicas

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

#795c49

#795c49
rgb(121,92,73)

#5c4979

#5c4979
rgb(92,73,121)

#49795c

#49795c
rgb(73,121,92)

Cores tetrádicas

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

#79494e

#79494e
rgb(121,73,78)

#5c4979

#5c4979
rgb(92,73,121)

#667949

#667949
rgb(102,121,73)

#497974

#497974
rgb(73,121,116)

Cores monocromáticas

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

#5c4979

#5c4979
rgb(92,73,121)

#6a6079

#6a6079
rgb(106,96,121)

#695e79

#695e79
rgb(105,94,121)

#685d79

#685d79
rgb(104,93,121)

#685c79

#685c79
rgb(104,92,121)

#675b79

#675b79
rgb(103,91,121)

Tons e Matizes de #5c4979

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

Matiz (adicionando branco)
#5c4979

#5c4979
rgb(92,73,121)

#7c6d93

#7c6d93
rgb(124,109,147)

#9d91ae

#9d91ae
rgb(157,145,174)

#bdb6c9

#bdb6c9
rgb(189,182,201)

#dedae4

#dedae4
rgb(222,218,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5c4979

#5c4979
rgb(92,73,121)

#493a60

#493a60
rgb(73,58,96)

#372b48

#372b48
rgb(55,43,72)

#241d30

#241d30
rgb(36,29,48)

#120e18

#120e18
rgb(18,14,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5c4979

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#c6c161

#c6c161
rgb(198,193,97)

#e38d74

#e38d74
rgb(227,141,116)

#6e306b

#6e306b
rgb(110,48,107)

#a20820

#a20820
rgb(162,8,32)

#176dd5

#176dd5
rgb(23,109,213)

#5c40e5

#5c40e5
rgb(92,64,229)

#df77a8

#df77a8
rgb(223,119,168)

#be8c8e

#be8c8e
rgb(190,140,142)

#66f4e6

#66f4e6
rgb(102,244,230)

#b0d9b9

#b0d9b9
rgb(176,217,185)

#1100cf

#1100cf
rgb(17,0,207)

#2ae3e0

#2ae3e0
rgb(42,227,224)