Informação da cor #654e63

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

No padrão de cores CMYK, é composto por 0% de ciano, 22.8% de magenta, 2% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 305.2 graus, uma saturação de 12.9% e uma leveza de 35.1%.

A cor mais próxima WebSafe é 333333.

Conversões de #654e63 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 654e63
RGB 101, 78, 99
RGB Percentagem 39.6%, 30.6%, 38.8%
CMYK 0, 0.23, 0.02, 0.6
HSL 305.2°, 12.9%, 35.1%
HSV (ou HSB) 305.2°, 22.8%, 39.6%
RYB 39.6, 30.6, 38.8
Formato Cor
XYZ 12.4, 11.1, 15.5
CIELab 39.75, 13.38, -8.36
Decimal 6639203
Yxy 9.1166, 0.3185, 0.2807
YUV 87.271, 134.6191, 137.7924
CIELuv 36.2078, 11.4957, -12.967
Web Safe 333333

Distribuição de #654e63

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.

#654e63

#654e63
rgb(101,78,99)

#4e6551

#4e6551
rgb(78,101,81)

Cores triadicas

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

#63654e

#63654e
rgb(99,101,78)

#654e63

#654e63
rgb(101,78,99)

#4e6365

#4e6365
rgb(78,99,101)

Cores tetrádicas

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

#655c4e

#655c4e
rgb(101,92,78)

#654e63

#654e63
rgb(101,78,99)

#4e6551

#4e6551
rgb(78,101,81)

#4e5865

#4e5865
rgb(78,88,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.

#654e63

#654e63
rgb(101,78,99)

#655064

#655064
rgb(101,80,100)

#654f64

#654f64
rgb(101,79,100)

#654e63

#654e63
rgb(101,78,99)

#654d63

#654d63
rgb(101,77,99)

#654c63

#654c63
rgb(101,76,99)

Tons e Matizes de #654e63

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

Matiz (adicionando branco)
#654e63

#654e63
rgb(101,78,99)

#837182

#837182
rgb(131,113,130)

#a294a1

#a294a1
rgb(162,148,161)

#c1b8c0

#c1b8c0
rgb(193,184,192)

#e0dbdf

#e0dbdf
rgb(224,219,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#654e63

#654e63
rgb(101,78,99)

#503e4f

#503e4f
rgb(80,62,79)

#3c2e3b

#3c2e3b
rgb(60,46,59)

#281f27

#281f27
rgb(40,31,39)

#140f13

#140f13
rgb(20,15,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #654e63

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

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

Contraste

Branco e #654e63
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #654e63
Texto grande WCAG AA X Não 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 #654e63

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

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

Este parágrafo tem fundo de cor #654e63.

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

Este elemento tem uma cor de borda de #654e63.

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

Cores alietórias

#660812

#660812
rgb(102,8,18)

#bddac4

#bddac4
rgb(189,218,196)

#84cb3d

#84cb3d
rgb(132,203,61)

#450592

#450592
rgb(69,5,146)

#9dedb8

#9dedb8
rgb(157,237,184)

#6c7a4b

#6c7a4b
rgb(108,122,75)

#1e8884

#1e8884
rgb(30,136,132)

#1039b9

#1039b9
rgb(16,57,185)

#a05eaa

#a05eaa
rgb(160,94,170)

#ae3a2d

#ae3a2d
rgb(174,58,45)

#da0df4

#da0df4
rgb(218,13,244)

#6c4f2c

#6c4f2c
rgb(108,79,44)