Informação da cor #5a5057

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

No padrão de cores CMYK, é composto por 0% de ciano, 11.1% de magenta, 3.3% de amarelo e 64.7% de preto. Tem um ângulo de matiz de 318 graus, uma saturação de 5.9% e uma leveza de 33.3%.

A cor mais próxima WebSafe é 333333.

Conversões de #5a5057 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 5a5057
RGB 90, 80, 87
RGB Percentagem 35.3%, 31.4%, 34.1%
CMYK 0, 0.11, 0.03, 0.65
HSL 318°, 5.9%, 33.3%
HSV (ou HSB) 318°, 11.1%, 35.3%
RYB 35.3, 31.4, 34.1
Formato Cor
XYZ 10.7, 10.6, 12.4
CIELab 38.8, 5.44, -2.55
Decimal 5918807
Yxy 8.5992, 0.3189, 0.3114
YUV 83.788, 129.8126, 132.4308
CIELuv 35.2009, 5.1605, -4.0406
Web Safe 333333

Distribuição de #5a5057

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.

#5a5057

#5a5057
rgb(90,80,87)

#505a53

#505a53
rgb(80,90,83)

Cores triadicas

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

#575a50

#575a50
rgb(87,90,80)

#5a5057

#5a5057
rgb(90,80,87)

#50575a

#50575a
rgb(80,87,90)

Cores tetrádicas

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

#5a5850

#5a5850
rgb(90,88,80)

#5a5057

#5a5057
rgb(90,80,87)

#505a53

#505a53
rgb(80,90,83)

#50525a

#50525a
rgb(80,82,90)

Cores monocromáticas

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

#5a5057

#5a5057
rgb(90,80,87)

#5a4755

#5a4755
rgb(90,71,85)

#5a4755

#5a4755
rgb(90,71,85)

#5a4654

#5a4654
rgb(90,70,84)

#5a4554

#5a4554
rgb(90,69,84)

#5a4454

#5a4454
rgb(90,68,84)

Tons e Matizes de #5a5057

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

Matiz (adicionando branco)
#5a5057

#5a5057
rgb(90,80,87)

#7b7378

#7b7378
rgb(123,115,120)

#9c969a

#9c969a
rgb(156,150,154)

#bdb9bb

#bdb9bb
rgb(189,185,187)

#dedcdd

#dedcdd
rgb(222,220,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5a5057

#5a5057
rgb(90,80,87)

#484045

#484045
rgb(72,64,69)

#363034

#363034
rgb(54,48,52)

#231f22

#231f22
rgb(35,31,34)

#110f11

#110f11
rgb(17,15,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5a5057

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#b1ea50

#b1ea50
rgb(177,234,80)

#161b25

#161b25
rgb(22,27,37)

#470723

#470723
rgb(71,7,35)

#017eaf

#017eaf
rgb(1,126,175)

#1bf9f9

#1bf9f9
rgb(27,249,249)

#e0d1ba

#e0d1ba
rgb(224,209,186)

#491f1f

#491f1f
rgb(73,31,31)

#9329ff

#9329ff
rgb(147,41,255)

#7ca823

#7ca823
rgb(124,168,35)

#e6b694

#e6b694
rgb(230,182,148)

#50b5ed

#50b5ed
rgb(80,181,237)

#7c5472

#7c5472
rgb(124,84,114)