Informação da cor #758b56

A cor hexadecimal 758b56 no modelo de cores RGB (Red, Green, Blue), é um composta por 117 de vermelho, 139 de verde e 86 de azul.

No padrão de cores CMYK, é composto por 15.8% de ciano, 0% de magenta, 38.1% de amarelo e 45.5% de preto. Tem um ângulo de matiz de 84.9 graus, uma saturação de 23.6% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 666633.

Conversões de #758b56 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 758b56
RGB 117, 139, 86
RGB Percentagem 45.9%, 54.5%, 33.7%
CMYK 0.16, 0, 0.38, 0.45
HSL 84.9°, 23.6%, 44.1%
HSV (ou HSB) 84.9°, 38.1%, 54.5%
RYB 33.7, 54.5, 42.4
Formato Cor
XYZ 20.9, 25.9, 14.6
CIELab 57.9, -16.97, 25
Decimal 7703382
Yxy 22.9189, 0.3415, 0.4289
YUV 126.38, 105.2122, 121.3095
CIELuv 54.9887, -10.5939, 34.9256
Web Safe 666633

Distribuição de #758b56

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.

#758b56

#758b56
rgb(117,139,86)

#6d568b

#6d568b
rgb(109,86,139)

Cores triadicas

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

#56758b

#56758b
rgb(86,117,139)

#758b56

#758b56
rgb(117,139,86)

#8b5675

#8b5675
rgb(139,86,117)

Cores tetrádicas

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

#568b87

#568b87
rgb(86,139,135)

#758b56

#758b56
rgb(117,139,86)

#6d568b

#6d568b
rgb(109,86,139)

#8b565b

#8b565b
rgb(139,86,91)

Cores monocromáticas

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

#758b56

#758b56
rgb(117,139,86)

#7f8b6e

#7f8b6e
rgb(127,139,110)

#7f8b6c

#7f8b6c
rgb(127,139,108)

#7e8b6b

#7e8b6b
rgb(126,139,107)

#7d8b6a

#7d8b6a
rgb(125,139,106)

#7d8b68

#7d8b68
rgb(125,139,104)

Tons e Matizes de #758b56

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

Matiz (adicionando branco)
#758b56

#758b56
rgb(117,139,86)

#90a277

#90a277
rgb(144,162,119)

#acb999

#acb999
rgb(172,185,153)

#c7d0bb

#c7d0bb
rgb(199,208,187)

#e3e7dd

#e3e7dd
rgb(227,231,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#758b56

#758b56
rgb(117,139,86)

#5d6f44

#5d6f44
rgb(93,111,68)

#465333

#465333
rgb(70,83,51)

#2e3722

#2e3722
rgb(46,55,34)

#171b11

#171b11
rgb(23,27,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #758b56

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

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

Contraste

Branco e #758b56
Texto grande WCAG AA ✓ 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.

Preto e #758b56
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #758b56

Este exemplo mostra como o texto na cor #758b56 se parece.

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

Este parágrafo tem fundo de cor #758b56.

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

Este elemento tem uma cor de borda de #758b56.

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

Cores alietórias

#d48beb

#d48beb
rgb(212,139,235)

#d75d45

#d75d45
rgb(215,93,69)

#7849c9

#7849c9
rgb(120,73,201)

#b9728e

#b9728e
rgb(185,114,142)

#98f8fc

#98f8fc
rgb(152,248,252)

#e69aeb

#e69aeb
rgb(230,154,235)

#5a8392

#5a8392
rgb(90,131,146)

#4bd094

#4bd094
rgb(75,208,148)

#bfe36d

#bfe36d
rgb(191,227,109)

#055fd2

#055fd2
rgb(5,95,210)

#5f7990

#5f7990
rgb(95,121,144)

#487588

#487588
rgb(72,117,136)