Informação da cor #656164

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

No padrão de cores CMYK, é composto por 0% de ciano, 4% de magenta, 1% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 315 graus, uma saturação de 2% e uma leveza de 38.8%.

A cor mais próxima WebSafe é 333333.

Conversões de #656164 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 656164
RGB 101, 97, 100
RGB Percentagem 39.6%, 38%, 39.2%
CMYK 0, 0.04, 0.01, 0.6
HSL 315°, 2%, 38.8%
HSV (ou HSB) 315°, 4%, 39.6%
RYB 39.6, 38, 39.2
Formato Cor
XYZ 14.2, 14.6, 16.4
CIELab 45.05, 2.13, -1.11
Decimal 6644068
Yxy 12.2362, 0.3145, 0.3223
YUV 98.538, 128.8251, 129.7561
CIELuv 41.5892, 2.0731, -1.8199
Web Safe 333333

Distribuição de #656164

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.

#656164

#656164
rgb(101,97,100)

#616562

#616562
rgb(97,101,98)

Cores triadicas

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

#646561

#646561
rgb(100,101,97)

#656164

#656164
rgb(101,97,100)

#616465

#616465
rgb(97,100,101)

Cores tetrádicas

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

#656461

#656461
rgb(101,100,97)

#656164

#656164
rgb(101,97,100)

#616562

#616562
rgb(97,101,98)

#616265

#616265
rgb(97,98,101)

Cores monocromáticas

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

#656164

#656164
rgb(101,97,100)

#655060

#655060
rgb(101,80,96)

#654f60

#654f60
rgb(101,79,96)

#654e60

#654e60
rgb(101,78,96)

#654d5f

#654d5f
rgb(101,77,95)

#654c5f

#654c5f
rgb(101,76,95)

Tons e Matizes de #656164

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

Matiz (adicionando branco)
#656164

#656164
rgb(101,97,100)

#838083

#838083
rgb(131,128,131)

#a2a0a2

#a2a0a2
rgb(162,160,162)

#c1bfc1

#c1bfc1
rgb(193,191,193)

#e0dfe0

#e0dfe0
rgb(224,223,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#656164

#656164
rgb(101,97,100)

#504d50

#504d50
rgb(80,77,80)

#3c3a3c

#3c3a3c
rgb(60,58,60)

#282627

#282627
rgb(40,38,39)

#141313

#141313
rgb(20,19,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #656164

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #656164.

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

Este elemento tem uma cor de borda de #656164.

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

Cores alietórias

#f737be

#f737be
rgb(247,55,190)

#e69a10

#e69a10
rgb(230,154,16)

#06e659

#06e659
rgb(6,230,89)

#d8ac66

#d8ac66
rgb(216,172,102)

#50a8cb

#50a8cb
rgb(80,168,203)

#bfcaaf

#bfcaaf
rgb(191,202,175)

#4a7e98

#4a7e98
rgb(74,126,152)

#6a6322

#6a6322
rgb(106,99,34)

#84defd

#84defd
rgb(132,222,253)

#a68bf9

#a68bf9
rgb(166,139,249)

#9b5c6b

#9b5c6b
rgb(155,92,107)

#a3909d

#a3909d
rgb(163,144,157)