Informação da cor #553793

A cor hexadecimal 553793 no modelo de cores RGB (Red, Green, Blue), é um composta por 85 de vermelho, 55 de verde e 147 de azul.

No padrão de cores CMYK, é composto por 42.2% de ciano, 62.6% de magenta, 0% de amarelo e 42.4% de preto. Tem um ângulo de matiz de 259.6 graus, uma saturação de 45.5% e uma leveza de 39.6%.

A cor mais próxima WebSafe é 333366.

Conversões de #553793 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 553793
RGB 85, 55, 147
RGB Percentagem 33.3%, 21.6%, 57.6%
CMYK 0.42, 0.63, 0, 0.42
HSL 259.6°, 45.5%, 39.6%
HSV (ou HSB) 259.6°, 62.6%, 57.7%
RYB 33.3, 21.6, 57.6
Formato Cor
XYZ 12.2, 8.3, 31.5
CIELab 34.56, 34.32, -45.16
Decimal 5584787
Yxy 6.77, 0.228, 0.1488
YUV 74.458, 168.9379, 135.5193
CIELuv 31.2775, 5.233, -64.6708
Web Safe 333366

Distribuição de #553793

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.

#553793

#553793
rgb(85,55,147)

#769337

#769337
rgb(118,147,55)

Cores triadicas

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

#935537

#935537
rgb(147,85,55)

#553793

#553793
rgb(85,55,147)

#379355

#379355
rgb(55,147,85)

Cores tetrádicas

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

#933748

#933748
rgb(147,55,72)

#553793

#553793
rgb(85,55,147)

#769337

#769337
rgb(118,147,55)

#379383

#379383
rgb(55,147,131)

Cores monocromáticas

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

#553793

#553793
rgb(85,55,147)

#7e7493

#7e7493
rgb(126,116,147)

#7d7293

#7d7293
rgb(125,114,147)

#7c7193

#7c7193
rgb(124,113,147)

#7b6f93

#7b6f93
rgb(123,111,147)

#7a6e93

#7a6e93
rgb(122,110,147)

Tons e Matizes de #553793

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

Matiz (adicionando branco)
#553793

#553793
rgb(85,55,147)

#775fa8

#775fa8
rgb(119,95,168)

#9987be

#9987be
rgb(153,135,190)

#bbafd3

#bbafd3
rgb(187,175,211)

#ddd7e9

#ddd7e9
rgb(221,215,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#553793

#553793
rgb(85,55,147)

#442c75

#442c75
rgb(68,44,117)

#332158

#332158
rgb(51,33,88)

#21153a

#21153a
rgb(33,21,58)

#100a1d

#100a1d
rgb(16,10,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #553793

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

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

Contraste

Branco e #553793
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #553793
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.

Exemplos CSS

Texto com cor hexadecimal #553793

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

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

Este parágrafo tem fundo de cor #553793.

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

Este elemento tem uma cor de borda de #553793.

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

Cores alietórias

#2a85eb

#2a85eb
rgb(42,133,235)

#7b43e7

#7b43e7
rgb(123,67,231)

#2da03d

#2da03d
rgb(45,160,61)

#dc37ad

#dc37ad
rgb(220,55,173)

#d556fd

#d556fd
rgb(213,86,253)

#252c2b

#252c2b
rgb(37,44,43)

#bd7582

#bd7582
rgb(189,117,130)

#9695b6

#9695b6
rgb(150,149,182)

#5f06b3

#5f06b3
rgb(95,6,179)

#e24083

#e24083
rgb(226,64,131)

#3d8c92

#3d8c92
rgb(61,140,146)

#8d104d

#8d104d
rgb(141,16,77)