Informação da cor #534783

A cor hexadecimal 534783 no modelo de cores RGB (Red, Green, Blue), é um composta por 83 de vermelho, 71 de verde e 131 de azul.

No padrão de cores CMYK, é composto por 36.6% de ciano, 45.8% de magenta, 0% de amarelo e 48.6% de preto. Tem um ângulo de matiz de 252 graus, uma saturação de 29.7% e uma leveza de 39.6%.

A cor mais próxima WebSafe é 333366.

Conversões de #534783 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 534783
RGB 83, 71, 131
RGB Percentagem 32.5%, 27.8%, 51.4%
CMYK 0.37, 0.46, 0, 0.49
HSL 252°, 29.7%, 39.6%
HSV (ou HSB) 252°, 45.8%, 51.4%
RYB 32.5, 27.8, 51.4
Formato Cor
XYZ 11.9, 9.8, 25.6
CIELab 37.45, 19.37, -31.22
Decimal 5457795
Yxy 7.9839, 0.2455, 0.1977
YUV 81.428, 155.9752, 129.1213
CIELuv 33.9494, 1.4851, -45.8288
Web Safe 333366

Distribuição de #534783

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.

#534783

#534783
rgb(83,71,131)

#788347

#788347
rgb(120,131,71)

Cores triadicas

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

#835347

#835347
rgb(131,83,71)

#534783

#534783
rgb(83,71,131)

#478353

#478353
rgb(71,131,83)

Cores tetrádicas

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

#83475a

#83475a
rgb(131,71,90)

#534783

#534783
rgb(83,71,131)

#788347

#788347
rgb(120,131,71)

#478371

#478371
rgb(71,131,113)

Cores monocromáticas

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

#534783

#534783
rgb(83,71,131)

#6d6783

#6d6783
rgb(109,103,131)

#6c6683

#6c6683
rgb(108,102,131)

#6b6583

#6b6583
rgb(107,101,131)

#6a6383

#6a6383
rgb(106,99,131)

#696283

#696283
rgb(105,98,131)

Tons e Matizes de #534783

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

Matiz (adicionando branco)
#534783

#534783
rgb(83,71,131)

#756b9b

#756b9b
rgb(117,107,155)

#9790b4

#9790b4
rgb(151,144,180)

#bab5cd

#bab5cd
rgb(186,181,205)

#dcdae6

#dcdae6
rgb(220,218,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#534783

#534783
rgb(83,71,131)

#423868

#423868
rgb(66,56,104)

#312a4e

#312a4e
rgb(49,42,78)

#211c34

#211c34
rgb(33,28,52)

#100e1a

#100e1a
rgb(16,14,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #534783

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

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

Contraste

Branco e #534783
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 #534783
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 #534783

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

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

Este parágrafo tem fundo de cor #534783.

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

Este elemento tem uma cor de borda de #534783.

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

Cores alietórias

#b8d32b

#b8d32b
rgb(184,211,43)

#883d0d

#883d0d
rgb(136,61,13)

#f73a0f

#f73a0f
rgb(247,58,15)

#159536

#159536
rgb(21,149,54)

#74b119

#74b119
rgb(116,177,25)

#d0cd86

#d0cd86
rgb(208,205,134)

#e6f8b2

#e6f8b2
rgb(230,248,178)

#5c1b8b

#5c1b8b
rgb(92,27,139)

#84639c

#84639c
rgb(132,99,156)

#9153a4

#9153a4
rgb(145,83,164)

#cb3e3c

#cb3e3c
rgb(203,62,60)

#d1a0f9

#d1a0f9
rgb(209,160,249)