Cor #546e80 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #546e80 corresponde ao modelo de cores RGB (Red, Green, Blue), com 84 de vermelho, 110 de verde e 128 de azul.

No padrão CMYK, essa cor é composta por 34.4% de ciano, 14.1% de magenta, 0% de amarelo e 49.8% de preto. Ela possui um ângulo de matiz de 204.6 graus, uma saturação de 20.8% e uma leveza de 41.6%.

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

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	546e80
RGB	84, 110, 128
RGB Percentagem	32.9%, 43.1%, 50.2%
CMYK	0.34, 0.14, 0, 0.5
HSL	204.6°, 20.8%, 41.6%
HSV (ou HSB)	204.6°, 34.4%, 50.2%
RYB	32.9, 39.6, 50.2

Formato	Cor
XYZ	15.4, 17.1, 25.7
CIELab	48.38, -4.86, -12.58
Decimal	5533312
Yxy	14.5946, 0.2612, 0.2904
YUV	104.278, 141.3871, 113.5364
CIELuv	45.0738, -13.2553, -17.5935
Web Safe	336666

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º.

#546e80

#806754

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.

#80546e

#546e80

#6e8054

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.

#7d5480

#546e80

#806754

#588054

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.

#546e80

#657580

#647580

#637480

#617480

#607380

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

Matiz (adicionando branco)

#546e80

#768b99

#98a8b2

#bac5cc

#dce2e5

#ffffff

Sombra (adicionando preto)

#546e80

#435866

#32424c

#212b33

#101519

#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 #546e80 fica em um fundo branco.

Fundo preto

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

Fundo de cor #546e80

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

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

Branco e #546e80

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 #546e80

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 #546e80

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

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

Cor de fundo #546e80

Este parágrafo tem fundo de cor #546e80.

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

Borda de cor #000bef

Este elemento tem uma cor de borda de #546e80.

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

Códigos CSS

.text {color:#546e80;}

.background {background-color:#546e80;}

.border {border:1px solid #546e80;}

#cfe14e

#5a078d

#553d4f

#51583e

#9cafa9

#ad7a3a

#4c038e

#509046

#f26a04

#18df45

#1ef3e2

#b365cd

Informação da cor #546e80

Conversões da cor #546e80 num outro espaço de cores

Distribuição de #546e80

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #546e80

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #546e80

Contraste

Branco e #546e80

Preto e #546e80

Exemplos CSS

Cores alietórias