Informação da cor #653f4d

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

No padrão de cores CMYK, é composto por 0% de ciano, 37.6% de magenta, 23.8% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 337.9 graus, uma saturação de 23.2% e uma leveza de 32.2%.

A cor mais próxima WebSafe é 333333.

Conversões de #653f4d 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 653f4d
RGB 101, 63, 77
RGB Percentagem 39.6%, 24.7%, 30.2%
CMYK 0, 0.38, 0.24, 0.6
HSL 337.9°, 23.2%, 32.2%
HSV (ou HSB) 337.9°, 37.6%, 39.6%
RYB 39.6, 24.7, 30.2
Formato Cor
XYZ 10.3, 8.5, 9.8
CIELab 35.02, 18.51, -1.71
Decimal 6635341
Yxy 6.8581, 0.3651, 0.2951
YUV 75.958, 128.588, 145.8616
CIELuv 31.4816, 21.8773, -4.618
Web Safe 333333

Distribuição de #653f4d

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.

#653f4d

#653f4d
rgb(101,63,77)

#3f6558

#3f6558
rgb(63,101,88)

Cores triadicas

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

#4d653f

#4d653f
rgb(77,101,63)

#653f4d

#653f4d
rgb(101,63,77)

#3f4d65

#3f4d65
rgb(63,77,101)

Cores tetrádicas

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

#60653f

#60653f
rgb(96,101,63)

#653f4d

#653f4d
rgb(101,63,77)

#3f6558

#3f6558
rgb(63,101,88)

#453f65

#453f65
rgb(69,63,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.

#653f4d

#653f4d
rgb(101,63,77)

#655058

#655058
rgb(101,80,88)

#654f57

#654f57
rgb(101,79,87)

#654e57

#654e57
rgb(101,78,87)

#654d56

#654d56
rgb(101,77,86)

#654c55

#654c55
rgb(101,76,85)

Tons e Matizes de #653f4d

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

Matiz (adicionando branco)
#653f4d

#653f4d
rgb(101,63,77)

#836570

#836570
rgb(131,101,112)

#a28b94

#a28b94
rgb(162,139,148)

#c1b2b7

#c1b2b7
rgb(193,178,183)

#e0d8db

#e0d8db
rgb(224,216,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#653f4d

#653f4d
rgb(101,63,77)

#50323d

#50323d
rgb(80,50,61)

#3c252e

#3c252e
rgb(60,37,46)

#28191e

#28191e
rgb(40,25,30)

#140c0f

#140c0f
rgb(20,12,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #653f4d

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

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

Contraste

Branco e #653f4d
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 #653f4d
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 #653f4d

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

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

Este parágrafo tem fundo de cor #653f4d.

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

Este elemento tem uma cor de borda de #653f4d.

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

Cores alietórias

#f5ef08

#f5ef08
rgb(245,239,8)

#9ea860

#9ea860
rgb(158,168,96)

#574ab9

#574ab9
rgb(87,74,185)

#39403f

#39403f
rgb(57,64,63)

#58ff8a

#58ff8a
rgb(88,255,138)

#a00c72

#a00c72
rgb(160,12,114)

#838662

#838662
rgb(131,134,98)

#f304c9

#f304c9
rgb(243,4,201)

#637385

#637385
rgb(99,115,133)

#a2ba29

#a2ba29
rgb(162,186,41)

#6b283c

#6b283c
rgb(107,40,60)

#d73dc2

#d73dc2
rgb(215,61,194)