Informação da cor #637357

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

No padrão de cores CMYK, é composto por 13.9% de ciano, 0% de magenta, 24.3% de amarelo e 54.9% de preto. Tem um ângulo de matiz de 94.3 graus, uma saturação de 13.9% e uma leveza de 39.6%.

A cor mais próxima WebSafe é 336633.

Conversões de #637357 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 637357
RGB 99, 115, 87
RGB Percentagem 38.8%, 45.1%, 34.1%
CMYK 0.14, 0, 0.24, 0.55
HSL 94.3°, 13.9%, 39.6%
HSV (ou HSB) 94.3°, 24.4%, 45.1%
RYB 34.1, 45.1, 40.4
Formato Cor
XYZ 15.3, 18.2, 13.7
CIELab 49.73, -11.25, 13.18
Decimal 6517591
Yxy 15.6021, 0.3254, 0.3906
YUV 107.024, 116.6998, 122.2767
CIELuv 46.4481, -7.7734, 18.8879
Web Safe 336633

Distribuição de #637357

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.

#637357

#637357
rgb(99,115,87)

#675773

#675773
rgb(103,87,115)

Cores triadicas

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

#576473

#576473
rgb(87,100,115)

#637357

#637357
rgb(99,115,87)

#735764

#735764
rgb(115,87,100)

Cores tetrádicas

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

#577273

#577273
rgb(87,114,115)

#637357

#637357
rgb(99,115,87)

#675773

#675773
rgb(103,87,115)

#735957

#735957
rgb(115,89,87)

Cores monocromáticas

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

#637357

#637357
rgb(99,115,87)

#66735b

#66735b
rgb(102,115,91)

#65735a

#65735a
rgb(101,115,90)

#647359

#647359
rgb(100,115,89)

#647358

#647358
rgb(100,115,88)

#637356

#637356
rgb(99,115,86)

Tons e Matizes de #637357

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

Matiz (adicionando branco)
#637357

#637357
rgb(99,115,87)

#828f78

#828f78
rgb(130,143,120)

#a1ab9a

#a1ab9a
rgb(161,171,154)

#c0c7bb

#c0c7bb
rgb(192,199,187)

#dfe3dd

#dfe3dd
rgb(223,227,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#637357

#637357
rgb(99,115,87)

#4f5c45

#4f5c45
rgb(79,92,69)

#3b4534

#3b4534
rgb(59,69,52)

#272d22

#272d22
rgb(39,45,34)

#131611

#131611
rgb(19,22,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #637357

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #637357.

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

Este elemento tem uma cor de borda de #637357.

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

Cores alietórias

#e5b78d

#e5b78d
rgb(229,183,141)

#eac953

#eac953
rgb(234,201,83)

#d4d75e

#d4d75e
rgb(212,215,94)

#3d5975

#3d5975
rgb(61,89,117)

#c1bf64

#c1bf64
rgb(193,191,100)

#330629

#330629
rgb(51,6,41)

#ee7cd7

#ee7cd7
rgb(238,124,215)

#5f6dc7

#5f6dc7
rgb(95,109,199)

#b6000d

#b6000d
rgb(182,0,13)

#0a6497

#0a6497
rgb(10,100,151)

#aca8ab

#aca8ab
rgb(172,168,171)

#916e60

#916e60
rgb(145,110,96)