Cor #5e645c - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #5e645c

A cor hexadecimal #5e645c corresponde ao modelo de cores RGB (Red, Green, Blue), com 94 de vermelho, 100 de verde e 92 de azul.

No padrão CMYK, essa cor é composta por 6% de ciano, 0% de magenta, 8% de amarelo e 60.8% de preto. Ela possui um ângulo de matiz de 105 graus, uma saturação de 4.2% e uma leveza de 37.7%.

Para ser mais WebSafe a cor mais próxima é 333333.

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	5e645c
RGB	94, 100, 92
RGB Percentagem	36.9%, 39.2%, 36.1%
CMYK	0.06, 0, 0.08, 0.61
HSL	105°, 4.2%, 37.7%
HSV (ou HSB)	105°, 8%, 39.2%
RYB	36.1, 39.2, 38.4

Formato	Cor
XYZ	13.3, 14.6, 14.3
CIELab	45.09, -3.9, 3.64
Decimal	6186076
Yxy	12.2667, 0.3148, 0.3477
YUV	97.294, 125.0124, 125.6505
CIELuv	41.6368, -2.9244, 5.3879
Web Safe	333333

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#5e645c

#625c64

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#5c5e64

#5e645c

#645c5e

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#5c6264

#5e645c

#625c64

#645e5c

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#5e645c

#55644f

#54644e

#53644d

#52644c

#52644b

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

Matiz (adicionando branco)

#5e645c

#7e837c

#9ea29d

#bec1bd

#dee0de

#ffffff

Sombra (adicionando preto)

#5e645c

#4b5049

#383c37

#252724

#121312

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #5e645c

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

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

Branco e #5e645c

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 #5e645c

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.

Texto com cor hexadecimal #5e645c

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

<span style="color:#5e645c;">Aqui fica o texto.</span>

Cor de fundo #5e645c

Este parágrafo tem fundo de cor #5e645c.

<p style="background-color:#5e645c;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #5e645c.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#5e645c;}

.background {background-color:#5e645c;}

.border {border:1px solid #5e645c;}

#a270c7

#5cd558

#843bbb

#be3ab6

#efb9f9

#9ae48f

#f3ed25

#b361b9

#f33e80

#a8294f

#2828f7

#7a7f50

Informação da cor #5e645c

Conversões da cor #5e645c num outro espaço de cores

Distribuição de #5e645c

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #5e645c

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #5e645c

Contraste

Branco e #5e645c

Preto e #5e645c

Exemplos CSS

Cores alietórias