Informação da cor #656550

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

No padrão de cores CMYK, é composto por 0% de ciano, 0% de magenta, 20.8% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 60 graus, uma saturação de 11.6% e uma leveza de 35.5%.

A cor mais próxima WebSafe é 333333.

Conversões de #656550 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 656550
RGB 101, 101, 80
RGB Percentagem 39.6%, 39.6%, 31.4%
CMYK 0, 0, 0.21, 0.6
HSL 60°, 11.6%, 35.5%
HSV (ou HSB) 60°, 20.8%, 39.6%
RYB 31.4, 39.6, 31.4
Formato Cor
XYZ 13.7, 15, 11.6
CIELab 45.67, -3.89, 11.67
Decimal 6645072
Yxy 12.6534, 0.3419, 0.3772
YUV 98.606, 117.5, 129.7076
CIELuv 42.2363, 1.1004, 15.2491
Web Safe 333333

Distribuição de #656550

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.

#656550

#656550
rgb(101,101,80)

#505065

#505065
rgb(80,80,101)

Cores triadicas

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

#506565

#506565
rgb(80,101,101)

#656550

#656550
rgb(101,101,80)

#655065

#655065
rgb(101,80,101)

Cores tetrádicas

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

#50655b

#50655b
rgb(80,101,91)

#656550

#656550
rgb(101,101,80)

#505065

#505065
rgb(80,80,101)

#65505b

#65505b
rgb(101,80,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.

#656550

#656550
rgb(101,101,80)

#656550

#656550
rgb(101,101,80)

#65654f

#65654f
rgb(101,101,79)

#65654e

#65654e
rgb(101,101,78)

#65654d

#65654d
rgb(101,101,77)

#65654c

#65654c
rgb(101,101,76)

Tons e Matizes de #656550

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

Matiz (adicionando branco)
#656550

#656550
rgb(101,101,80)

#838373

#838373
rgb(131,131,115)

#a2a296

#a2a296
rgb(162,162,150)

#c1c1b9

#c1c1b9
rgb(193,193,185)

#e0e0dc

#e0e0dc
rgb(224,224,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#656550

#656550
rgb(101,101,80)

#505040

#505040
rgb(80,80,64)

#3c3c30

#3c3c30
rgb(60,60,48)

#28281f

#28281f
rgb(40,40,31)

#14140f

#14140f
rgb(20,20,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #656550

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

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

Contraste

Branco e #656550
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 #656550
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 #656550

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

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

Este parágrafo tem fundo de cor #656550.

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

Este elemento tem uma cor de borda de #656550.

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

Cores alietórias

#cc4c30

#cc4c30
rgb(204,76,48)

#e0f340

#e0f340
rgb(224,243,64)

#ed1023

#ed1023
rgb(237,16,35)

#46d1b6

#46d1b6
rgb(70,209,182)

#6e297a

#6e297a
rgb(110,41,122)

#6d1c1e

#6d1c1e
rgb(109,28,30)

#dec492

#dec492
rgb(222,196,146)

#91e608

#91e608
rgb(145,230,8)

#52a14d

#52a14d
rgb(82,161,77)

#20b700

#20b700
rgb(32,183,0)

#ca7e37

#ca7e37
rgb(202,126,55)

#2c04a8

#2c04a8
rgb(44,4,168)