Informação da cor #5a4d66

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

No padrão de cores CMYK, é composto por 11.8% de ciano, 24.5% de magenta, 0% de amarelo e 60% de preto. Tem um ângulo de matiz de 271.2 graus, uma saturação de 14% e uma leveza de 35.1%.

A cor mais próxima WebSafe é 333366.

Conversões de #5a4d66 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 5a4d66
RGB 90, 77, 102
RGB Percentagem 35.3%, 30.2%, 40%
CMYK 0.12, 0.25, 0, 0.6
HSL 271.2°, 14%, 35.1%
HSV (ou HSB) 271.2°, 24.5%, 40%
RYB 35.3, 30.2, 40
Formato Cor
XYZ 11.2, 10.4, 16.3
CIELab 38.47, 10.56, -12.23
Decimal 5918054
Yxy 8.4408, 0.295, 0.2687
YUV 83.737, 138.3064, 132.4672
CIELuv 34.8845, 5.2619, -17.7586
Web Safe 333366

Distribuição de #5a4d66

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.

#5a4d66

#5a4d66
rgb(90,77,102)

#59664e

#59664e
rgb(89,102,78)

Cores triadicas

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

#665b4e

#665b4e
rgb(102,91,78)

#5a4d66

#5a4d66
rgb(90,77,102)

#4e665b

#4e665b
rgb(78,102,91)

Cores tetrádicas

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

#664e4e

#664e4e
rgb(102,78,78)

#5a4d66

#5a4d66
rgb(90,77,102)

#59664e

#59664e
rgb(89,102,78)

#4e6666

#4e6666
rgb(78,102,102)

Cores monocromáticas

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

#5a4d66

#5a4d66
rgb(90,77,102)

#5c5166

#5c5166
rgb(92,81,102)

#5c5066

#5c5066
rgb(92,80,102)

#5b4f66

#5b4f66
rgb(91,79,102)

#5b4e66

#5b4e66
rgb(91,78,102)

#5a4d66

#5a4d66
rgb(90,77,102)

Tons e Matizes de #5a4d66

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

Matiz (adicionando branco)
#5a4d66

#5a4d66
rgb(90,77,102)

#7b7084

#7b7084
rgb(123,112,132)

#9c94a3

#9c94a3
rgb(156,148,163)

#bdb7c1

#bdb7c1
rgb(189,183,193)

#dedbe0

#dedbe0
rgb(222,219,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5a4d66

#5a4d66
rgb(90,77,102)

#483d51

#483d51
rgb(72,61,81)

#362e3d

#362e3d
rgb(54,46,61)

#231e28

#231e28
rgb(35,30,40)

#110f14

#110f14
rgb(17,15,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5a4d66

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#b180db

#b180db
rgb(177,128,219)

#261585

#261585
rgb(38,21,133)

#3afd3e

#3afd3e
rgb(58,253,62)

#396ecf

#396ecf
rgb(57,110,207)

#df57dc

#df57dc
rgb(223,87,220)

#b0742d

#b0742d
rgb(176,116,45)

#fa5412

#fa5412
rgb(250,84,18)

#2c30d1

#2c30d1
rgb(44,48,209)

#4d49bd

#4d49bd
rgb(77,73,189)

#b9be4d

#b9be4d
rgb(185,190,77)

#3cf350

#3cf350
rgb(60,243,80)

#b899af

#b899af
rgb(184,153,175)