Informação da cor #5a3f62

A cor hexadecimal 5a3f62 no modelo de cores RGB (Red, Green, Blue), é um composta por 90 de vermelho, 63 de verde e 98 de azul.

No padrão de cores CMYK, é composto por 8.2% de ciano, 35.7% de magenta, 0% de amarelo e 61.6% de preto. Tem um ângulo de matiz de 286.3 graus, uma saturação de 21.7% e uma leveza de 31.6%.

A cor mais próxima WebSafe é 333333.

Conversões de #5a3f62 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 5a3f62
RGB 90, 63, 98
RGB Percentagem 35.3%, 24.7%, 38.4%
CMYK 0.08, 0.36, 0, 0.62
HSL 286.3°, 21.7%, 31.6%
HSV (ou HSB) 286.3°, 35.7%, 38.4%
RYB 35.3, 24.7, 38.4
Formato Cor
XYZ 10, 8.2, 14.8
CIELab 34.49, 18.49, -15.85
Decimal 5914466
Yxy 6.6107, 0.3013, 0.243
YUV 75.063, 140.9441, 138.6541
CIELuv 30.9037, 11.6599, -22.7948
Web Safe 333333

Distribuição de #5a3f62

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.

#5a3f62

#5a3f62
rgb(90,63,98)

#486240

#486240
rgb(72,98,64)

Cores triadicas

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

#625a40

#625a40
rgb(98,90,64)

#5a3f62

#5a3f62
rgb(90,63,98)

#40625a

#40625a
rgb(64,98,90)

Cores tetrádicas

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

#624940

#624940
rgb(98,73,64)

#5a3f62

#5a3f62
rgb(90,63,98)

#486240

#486240
rgb(72,98,64)

#405962

#405962
rgb(64,89,98)

Cores monocromáticas

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

#5a3f62

#5a3f62
rgb(90,63,98)

#5e4e62

#5e4e62
rgb(94,78,98)

#5d4d62

#5d4d62
rgb(93,77,98)

#5d4c62

#5d4c62
rgb(93,76,98)

#5d4b62

#5d4b62
rgb(93,75,98)

#5d4a62

#5d4a62
rgb(93,74,98)

Tons e Matizes de #5a3f62

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

Matiz (adicionando branco)
#5a3f62

#5a3f62
rgb(90,63,98)

#7b6581

#7b6581
rgb(123,101,129)

#9c8ba0

#9c8ba0
rgb(156,139,160)

#bdb2c0

#bdb2c0
rgb(189,178,192)

#ded8df

#ded8df
rgb(222,216,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5a3f62

#5a3f62
rgb(90,63,98)

#48324e

#48324e
rgb(72,50,78)

#36253a

#36253a
rgb(54,37,58)

#231927

#231927
rgb(35,25,39)

#110c13

#110c13
rgb(17,12,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5a3f62

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#c6088f

#c6088f
rgb(198,8,143)

#de1fea

#de1fea
rgb(222,31,234)

#b92c73

#b92c73
rgb(185,44,115)

#e22db1

#e22db1
rgb(226,45,177)

#ea33c3

#ea33c3
rgb(234,51,195)

#6f0fae

#6f0fae
rgb(111,15,174)

#20b7b9

#20b7b9
rgb(32,183,185)

#5d7a7d

#5d7a7d
rgb(93,122,125)

#51e93b

#51e93b
rgb(81,233,59)

#52957b

#52957b
rgb(82,149,123)

#a5b4ae

#a5b4ae
rgb(165,180,174)

#74f092

#74f092
rgb(116,240,146)