Informação da cor #515a42

A cor hexadecimal 515a42 no modelo de cores RGB (Red, Green, Blue), é um composta por 81 de vermelho, 90 de verde e 66 de azul.

No padrão de cores CMYK, é composto por 10% de ciano, 0% de magenta, 26.7% de amarelo e 64.7% de preto. Tem um ângulo de matiz de 82.5 graus, uma saturação de 15.4% e uma leveza de 30.6%.

A cor mais próxima WebSafe é 333333.

Conversões de #515a42 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 515a42
RGB 81, 90, 66
RGB Percentagem 31.8%, 35.3%, 25.9%
CMYK 0.1, 0, 0.27, 0.65
HSL 82.5°, 15.4%, 30.6%
HSV (ou HSB) 82.5°, 26.7%, 35.3%
RYB 25.9, 35.3, 29.4
Formato Cor
XYZ 9.9, 11.5, 8.3
CIELab 40.41, -8.26, 12.56
Decimal 5331522
Yxy 9.455, 0.3341, 0.3933
YUV 84.573, 117.5186, 125.4515
CIELuv 36.8459, -3.9764, 16.1094
Web Safe 333333

Distribuição de #515a42

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.

#515a42

#515a42
rgb(81,90,66)

#4b425a

#4b425a
rgb(75,66,90)

Cores triadicas

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

#42525a

#42525a
rgb(66,82,90)

#515a42

#515a42
rgb(81,90,66)

#5a4252

#5a4252
rgb(90,66,82)

Cores tetrádicas

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

#425a57

#425a57
rgb(66,90,87)

#515a42

#515a42
rgb(81,90,66)

#4b425a

#4b425a
rgb(75,66,90)

#5a4245

#5a4245
rgb(90,66,69)

Cores monocromáticas

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

#515a42

#515a42
rgb(81,90,66)

#535a47

#535a47
rgb(83,90,71)

#535a46

#535a46
rgb(83,90,70)

#535a46

#535a46
rgb(83,90,70)

#525a45

#525a45
rgb(82,90,69)

#525a44

#525a44
rgb(82,90,68)

Tons e Matizes de #515a42

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

Matiz (adicionando branco)
#515a42

#515a42
rgb(81,90,66)

#737b67

#737b67
rgb(115,123,103)

#969c8d

#969c8d
rgb(150,156,141)

#b9bdb3

#b9bdb3
rgb(185,189,179)

#dcded9

#dcded9
rgb(220,222,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#515a42

#515a42
rgb(81,90,66)

#404834

#404834
rgb(64,72,52)

#303627

#303627
rgb(48,54,39)

#20231a

#20231a
rgb(32,35,26)

#10110d

#10110d
rgb(16,17,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #515a42

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

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

Contraste

Branco e #515a42
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 #515a42
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 #515a42

Este exemplo mostra como o texto na cor #515a42 se parece.

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

Este parágrafo tem fundo de cor #515a42.

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

Este elemento tem uma cor de borda de #515a42.

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

Cores alietórias

#a0dd25

#a0dd25
rgb(160,221,37)

#f3fd9b

#f3fd9b
rgb(243,253,155)

#d320f3

#d320f3
rgb(211,32,243)

#55fd13

#55fd13
rgb(85,253,19)

#18fded

#18fded
rgb(24,253,237)

#a3c010

#a3c010
rgb(163,192,16)

#969fc1

#969fc1
rgb(150,159,193)

#328120

#328120
rgb(50,129,32)

#87a956

#87a956
rgb(135,169,86)

#78d549

#78d549
rgb(120,213,73)

#bfca44

#bfca44
rgb(191,202,68)

#7d6b42

#7d6b42
rgb(125,107,66)