Informação da cor #65654c

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

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

A cor mais próxima WebSafe é 333333.

Conversões de #65654c 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 65654c
RGB 101, 101, 76
RGB Percentagem 39.6%, 39.6%, 29.8%
CMYK 0, 0, 0.25, 0.6
HSL 60°, 14.1%, 34.7%
HSV (ou HSB) 60°, 24.8%, 39.6%
RYB 29.8, 39.6, 29.8
Formato Cor
XYZ 13.5, 15, 10.7
CIELab 45.58, -4.55, 13.92
Decimal 6645068
Yxy 12.596, 0.3475, 0.3865
YUV 98.15, 115.5, 130.0328
CIELuv 42.1481, 1.2913, 17.8951
Web Safe 333333

Distribuição de #65654c

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.

#65654c

#65654c
rgb(101,101,76)

#4c4c65

#4c4c65
rgb(76,76,101)

Cores triadicas

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

#4c6565

#4c6565
rgb(76,101,101)

#65654c

#65654c
rgb(101,101,76)

#654c65

#654c65
rgb(101,76,101)

Cores tetrádicas

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

#4c6559

#4c6559
rgb(76,101,89)

#65654c

#65654c
rgb(101,101,76)

#4c4c65

#4c4c65
rgb(76,76,101)

#654c59

#654c59
rgb(101,76,89)

Cores monocromáticas

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

#65654c

#65654c
rgb(101,101,76)

#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 #65654c

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

Matiz (adicionando branco)
#65654c

#65654c
rgb(101,101,76)

#83836f

#83836f
rgb(131,131,111)

#a2a293

#a2a293
rgb(162,162,147)

#c1c1b7

#c1c1b7
rgb(193,193,183)

#e0e0db

#e0e0db
rgb(224,224,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#65654c

#65654c
rgb(101,101,76)

#50503c

#50503c
rgb(80,80,60)

#3c3c2d

#3c3c2d
rgb(60,60,45)

#28281e

#28281e
rgb(40,40,30)

#14140f

#14140f
rgb(20,20,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #65654c

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

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

Contraste

Branco e #65654c
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 #65654c
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 #65654c

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

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

Este parágrafo tem fundo de cor #65654c.

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

Este elemento tem uma cor de borda de #65654c.

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

Cores alietórias

#d178bc

#d178bc
rgb(209,120,188)

#a7a55e

#a7a55e
rgb(167,165,94)

#77e220

#77e220
rgb(119,226,32)

#74b13f

#74b13f
rgb(116,177,63)

#d71f8f

#d71f8f
rgb(215,31,143)

#6108b6

#6108b6
rgb(97,8,182)

#7c5067

#7c5067
rgb(124,80,103)

#2c6da4

#2c6da4
rgb(44,109,164)

#d490e4

#d490e4
rgb(212,144,228)

#be3019

#be3019
rgb(190,48,25)

#abfac6

#abfac6
rgb(171,250,198)

#04d67f

#04d67f
rgb(4,214,127)