Informação da cor #653d51

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

No padrão de cores CMYK, é composto por 0% de ciano, 39.6% de magenta, 19.8% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 330 graus, uma saturação de 24.7% e uma leveza de 31.8%.

A cor mais próxima WebSafe é 333333.

Conversões de #653d51 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 653d51
RGB 101, 61, 81
RGB Percentagem 39.6%, 23.9%, 31.8%
CMYK 0, 0.4, 0.2, 0.6
HSL 330°, 24.7%, 31.8%
HSV (ou HSB) 330°, 39.6%, 39.6%
RYB 39.6, 23.9, 31.8
Formato Cor
XYZ 10.3, 8.3, 10.7
CIELab 34.64, 20.44, -4.83
Decimal 6634833
Yxy 6.6988, 0.3573, 0.2809
YUV 75.24, 131.2506, 146.3738
CIELuv 31.1111, 22.1828, -8.6418
Web Safe 333333

Distribuição de #653d51

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.

#653d51

#653d51
rgb(101,61,81)

#3d6551

#3d6551
rgb(61,101,81)

Cores triadicas

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

#51653d

#51653d
rgb(81,101,61)

#653d51

#653d51
rgb(101,61,81)

#3d5165

#3d5165
rgb(61,81,101)

Cores tetrádicas

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

#65653d

#65653d
rgb(101,101,61)

#653d51

#653d51
rgb(101,61,81)

#3d6551

#3d6551
rgb(61,101,81)

#3d3d65

#3d3d65
rgb(61,61,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.

#653d51

#653d51
rgb(101,61,81)

#65505b

#65505b
rgb(101,80,91)

#654f5a

#654f5a
rgb(101,79,90)

#654e5a

#654e5a
rgb(101,78,90)

#654d59

#654d59
rgb(101,77,89)

#654c59

#654c59
rgb(101,76,89)

Tons e Matizes de #653d51

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

Matiz (adicionando branco)
#653d51

#653d51
rgb(101,61,81)

#836373

#836373
rgb(131,99,115)

#a28a96

#a28a96
rgb(162,138,150)

#c1b1b9

#c1b1b9
rgb(193,177,185)

#e0d8dc

#e0d8dc
rgb(224,216,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#653d51

#653d51
rgb(101,61,81)

#503040

#503040
rgb(80,48,64)

#3c2430

#3c2430
rgb(60,36,48)

#281820

#281820
rgb(40,24,32)

#140c10

#140c10
rgb(20,12,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #653d51

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#c9f8ae

#c9f8ae
rgb(201,248,174)

#9b7a81

#9b7a81
rgb(155,122,129)

#a84e87

#a84e87
rgb(168,78,135)

#ee3b02

#ee3b02
rgb(238,59,2)

#522077

#522077
rgb(82,32,119)

#e0b4c1

#e0b4c1
rgb(224,180,193)

#e4de5f

#e4de5f
rgb(228,222,95)

#808a57

#808a57
rgb(128,138,87)

#f40c18

#f40c18
rgb(244,12,24)

#8a146b

#8a146b
rgb(138,20,107)

#6fac2e

#6fac2e
rgb(111,172,46)

#4cb032

#4cb032
rgb(76,176,50)