Informação da cor #656357

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

No padrão de cores CMYK, é composto por 0% de ciano, 2% de magenta, 13.9% de amarelo e 60.4% de preto. Tem um ângulo de matiz de 51.4 graus, uma saturação de 7.5% e uma leveza de 36.9%.

A cor mais próxima WebSafe é 333333.

Conversões de #656357 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 656357
RGB 101, 99, 87
RGB Percentagem 39.6%, 38.8%, 34.1%
CMYK 0, 0.02, 0.14, 0.6
HSL 51.4°, 7.5%, 36.9%
HSV (ou HSB) 51.4°, 13.9%, 39.6%
RYB 35.3, 39.6, 34.1
Formato Cor
XYZ 13.8, 14.7, 13.1
CIELab 45.26, -1.52, 6.93
Decimal 6644567
Yxy 12.3786, 0.3326, 0.3565
YUV 98.23, 121.6625, 129.9757
CIELuv 41.8116, 1.8183, 9.1615
Web Safe 333333

Distribuição de #656357

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.

#656357

#656357
rgb(101,99,87)

#575965

#575965
rgb(87,89,101)

Cores triadicas

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

#576564

#576564
rgb(87,101,100)

#656357

#656357
rgb(101,99,87)

#645765

#645765
rgb(100,87,101)

Cores tetrádicas

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

#57655d

#57655d
rgb(87,101,93)

#656357

#656357
rgb(101,99,87)

#575965

#575965
rgb(87,89,101)

#655760

#655760
rgb(101,87,96)

Cores monocromáticas

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

#656357

#656357
rgb(101,99,87)

#656250

#656250
rgb(101,98,80)

#65624f

#65624f
rgb(101,98,79)

#65624e

#65624e
rgb(101,98,78)

#65624d

#65624d
rgb(101,98,77)

#65624c

#65624c
rgb(101,98,76)

Tons e Matizes de #656357

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

Matiz (adicionando branco)
#656357

#656357
rgb(101,99,87)

#838278

#838278
rgb(131,130,120)

#a2a19a

#a2a19a
rgb(162,161,154)

#c1c0bb

#c1c0bb
rgb(193,192,187)

#e0dfdd

#e0dfdd
rgb(224,223,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#656357

#656357
rgb(101,99,87)

#504f45

#504f45
rgb(80,79,69)

#3c3b34

#3c3b34
rgb(60,59,52)

#282722

#282722
rgb(40,39,34)

#141311

#141311
rgb(20,19,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #656357

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #656357.

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

Este elemento tem uma cor de borda de #656357.

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

Cores alietórias

#5d183c

#5d183c
rgb(93,24,60)

#55b246

#55b246
rgb(85,178,70)

#3d1465

#3d1465
rgb(61,20,101)

#58e908

#58e908
rgb(88,233,8)

#8614ab

#8614ab
rgb(134,20,171)

#7169d1

#7169d1
rgb(113,105,209)

#11dd26

#11dd26
rgb(17,221,38)

#c7d1c9

#c7d1c9
rgb(199,209,201)

#ea9926

#ea9926
rgb(234,153,38)

#a82d0d

#a82d0d
rgb(168,45,13)

#55c5cd

#55c5cd
rgb(85,197,205)

#eea075

#eea075
rgb(238,160,117)