Informação da cor #545c97

A cor hexadecimal 545c97 no modelo de cores RGB (Red, Green, Blue), é um composta por 84 de vermelho, 92 de verde e 151 de azul.

No padrão de cores CMYK, é composto por 44.4% de ciano, 39.1% de magenta, 0% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 232.8 graus, uma saturação de 28.5% e uma leveza de 46.1%.

A cor mais próxima WebSafe é 333366.

Conversões de #545c97 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 545c97
RGB 84, 92, 151
RGB Percentagem 32.9%, 36.1%, 59.2%
CMYK 0.44, 0.39, 0, 0.41
HSL 232.8°, 28.5%, 46.1%
HSV (ou HSB) 232.8°, 44.4%, 59.2%
RYB 32.9, 36.1, 59.2
Formato Cor
XYZ 15.2, 14, 34.2
CIELab 44.22, 12.09, -32.09
Decimal 5528727
Yxy 11.7728, 0.2346, 0.2114
YUV 96.334, 158.8499, 119.2026
CIELuv 40.8528, -6.7101, -49.3438
Web Safe 333366

Distribuição de #545c97

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.

#545c97

#545c97
rgb(84,92,151)

#979054

#979054
rgb(151,144,84)

Cores triadicas

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

#97545c

#97545c
rgb(151,84,92)

#545c97

#545c97
rgb(84,92,151)

#5c9754

#5c9754
rgb(92,151,84)

Cores tetrádicas

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

#97547e

#97547e
rgb(151,84,126)

#545c97

#545c97
rgb(84,92,151)

#979054

#979054
rgb(151,144,84)

#54976e

#54976e
rgb(84,151,110)

Cores monocromáticas

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

#545c97

#545c97
rgb(84,92,151)

#777b97

#777b97
rgb(119,123,151)

#767a97

#767a97
rgb(118,122,151)

#747897

#747897
rgb(116,120,151)

#737797

#737797
rgb(115,119,151)

#717697

#717697
rgb(113,118,151)

Tons e Matizes de #545c97

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

Matiz (adicionando branco)
#545c97

#545c97
rgb(84,92,151)

#767cab

#767cab
rgb(118,124,171)

#989dc0

#989dc0
rgb(152,157,192)

#babdd5

#babdd5
rgb(186,189,213)

#dcdeea

#dcdeea
rgb(220,222,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#545c97

#545c97
rgb(84,92,151)

#434978

#434978
rgb(67,73,120)

#32375a

#32375a
rgb(50,55,90)

#21243c

#21243c
rgb(33,36,60)

#10121e

#10121e
rgb(16,18,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #545c97

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

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

Contraste

Branco e #545c97
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 #545c97
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 #545c97

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

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

Este parágrafo tem fundo de cor #545c97.

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

Este elemento tem uma cor de borda de #545c97.

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

Cores alietórias

#333f3f

#333f3f
rgb(51,63,63)

#67e6e6

#67e6e6
rgb(103,230,230)

#f248a4

#f248a4
rgb(242,72,164)

#b857ac

#b857ac
rgb(184,87,172)

#747916

#747916
rgb(116,121,22)

#f47920

#f47920
rgb(244,121,32)

#6c720b

#6c720b
rgb(108,114,11)

#c17bbe

#c17bbe
rgb(193,123,190)

#3d0da1

#3d0da1
rgb(61,13,161)

#421ce6

#421ce6
rgb(66,28,230)

#398e39

#398e39
rgb(57,142,57)

#5c48c5

#5c48c5
rgb(92,72,197)