Informação da cor #755b68

A cor hexadecimal 755b68 no modelo de cores RGB (Red, Green, Blue), é um composta por 117 de vermelho, 91 de verde e 104 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 22.2% de magenta, 11.1% de amarelo e 54.1% de preto. Tem um ângulo de matiz de 330 graus, uma saturação de 12.5% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 663366.

Conversões de #755b68 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 755b68
RGB 117, 91, 104
RGB Percentagem 45.9%, 35.7%, 40.8%
CMYK 0, 0.22, 0.11, 0.54
HSL 330°, 12.5%, 40.8%
HSV (ou HSB) 330°, 22.2%, 45.9%
RYB 45.9, 35.7, 40.8
Formato Cor
XYZ 15.9, 14.6, 17.4
CIELab 45.05, 12.55, -3.31
Decimal 7691112
Yxy 12.264, 0.3345, 0.3022
YUV 100.256, 130.1129, 139.9429
CIELuv 41.6327, 14.4848, -6.3923
Web Safe 663366

Distribuição de #755b68

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.

#755b68

#755b68
rgb(117,91,104)

#5b7568

#5b7568
rgb(91,117,104)

Cores triadicas

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

#68755b

#68755b
rgb(104,117,91)

#755b68

#755b68
rgb(117,91,104)

#5b6875

#5b6875
rgb(91,104,117)

Cores tetrádicas

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

#75755b

#75755b
rgb(117,117,91)

#755b68

#755b68
rgb(117,91,104)

#5b7568

#5b7568
rgb(91,117,104)

#5b5b75

#5b5b75
rgb(91,91,117)

Cores monocromáticas

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

#755b68

#755b68
rgb(117,91,104)

#755d69

#755d69
rgb(117,93,105)

#755b68

#755b68
rgb(117,91,104)

#755a68

#755a68
rgb(117,90,104)

#755967

#755967
rgb(117,89,103)

#755867

#755867
rgb(117,88,103)

Tons e Matizes de #755b68

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

Matiz (adicionando branco)
#755b68

#755b68
rgb(117,91,104)

#907b86

#907b86
rgb(144,123,134)

#ac9ca4

#ac9ca4
rgb(172,156,164)

#c7bdc2

#c7bdc2
rgb(199,189,194)

#e3dee0

#e3dee0
rgb(227,222,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#755b68

#755b68
rgb(117,91,104)

#5d4853

#5d4853
rgb(93,72,83)

#46363e

#46363e
rgb(70,54,62)

#2e2429

#2e2429
rgb(46,36,41)

#171214

#171214
rgb(23,18,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #755b68

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

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

Contraste

Branco e #755b68
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.

Preto e #755b68
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.

Exemplos CSS

Texto com cor hexadecimal #755b68

Este exemplo mostra como o texto na cor #755b68 se parece.

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

Este parágrafo tem fundo de cor #755b68.

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

Este elemento tem uma cor de borda de #755b68.

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

Cores alietórias

#a54a0e

#a54a0e
rgb(165,74,14)

#673e1e

#673e1e
rgb(103,62,30)

#cc7906

#cc7906
rgb(204,121,6)

#2b0ee5

#2b0ee5
rgb(43,14,229)

#adfadd

#adfadd
rgb(173,250,221)

#0c9c6f

#0c9c6f
rgb(12,156,111)

#80c0a2

#80c0a2
rgb(128,192,162)

#3680fd

#3680fd
rgb(54,128,253)

#5abf26

#5abf26
rgb(90,191,38)

#142b46

#142b46
rgb(20,43,70)

#ee4e5b

#ee4e5b
rgb(238,78,91)

#5cc699

#5cc699
rgb(92,198,153)