Cor #4a5e58 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #4a5e58 corresponde ao modelo de cores RGB (Red, Green, Blue), com 74 de vermelho, 94 de verde e 88 de azul.

No padrão CMYK, essa cor é composta por 21.3% de ciano, 0% de magenta, 6.4% de amarelo e 63.1% de preto. Ela possui um ângulo de matiz de 162 graus, uma saturação de 11.9% e uma leveza de 32.9%.

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	4a5e58
RGB	74, 94, 88
RGB Percentagem	29%, 36.9%, 34.5%
CMYK	0.21, 0, 0.06, 0.63
HSL	162°, 11.9%, 32.9%
HSV (ou HSB)	162°, 21.3%, 36.9%
RYB	29, 33.7, 36.9

Formato	Cor
XYZ	10.5, 12.3, 13
CIELab	41.66, -8.84, 0.87
Decimal	4873816
Yxy	10.1656, 0.2912, 0.3447
YUV	87.336, 128.3747, 118.4879
CIELuv	38.1379, -9.9779, 2.4736
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º.

#4a5e58

#5e4a50

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.

#594a5e

#4a5e58

#5e594a

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.

#4e4a5e

#4a5e58

#5e4a50

#5a5e4a

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.

#4a5e58

#4b5e59

#4a5e58

#495e58

#485e58

#475e57

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

Matiz (adicionando branco)

#4a5e58

#6e7e79

#929e9a

#b6bebc

#dadedd

#ffffff

Sombra (adicionando preto)

#4a5e58

#3b4b46

#2c3834

#1d2523

#0e1211

#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 #4a5e58 fica em um fundo branco.

Fundo preto

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

Fundo de cor #4a5e58

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

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

Branco e #4a5e58

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 #4a5e58

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.

Texto com cor hexadecimal #4a5e58

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

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

Cor de fundo #4a5e58

Este parágrafo tem fundo de cor #4a5e58.

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

Borda de cor #000bef

Este elemento tem uma cor de borda de #4a5e58.

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

Códigos CSS

.text {color:#4a5e58;}

.background {background-color:#4a5e58;}

.border {border:1px solid #4a5e58;}

#c0ccc6

#a261dc

#8c78ed

#5325fb

#d3fd03

#95283c

#04863f

#72a9e7

#d46d21

#bda29f

#f925ba

#71ce0c

Informação da cor #4a5e58

Conversões da cor #4a5e58 num outro espaço de cores

Distribuição de #4a5e58

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #4a5e58

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #4a5e58

Contraste

Branco e #4a5e58

Preto e #4a5e58

Exemplos CSS

Cores alietórias