Informação da cor #584383

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

No padrão de cores CMYK, é composto por 32.8% de ciano, 48.9% de magenta, 0% de amarelo e 48.6% de preto. Tem um ângulo de matiz de 259.7 graus, uma saturação de 32.3% e uma leveza de 38.8%.

A cor mais próxima WebSafe é 333366.

Conversões de #584383 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 584383
RGB 88, 67, 131
RGB Percentagem 34.5%, 26.3%, 51.4%
CMYK 0.33, 0.49, 0, 0.49
HSL 259.7°, 32.3%, 38.8%
HSV (ou HSB) 259.7°, 48.9%, 51.4%
RYB 34.5, 26.3, 51.4
Formato Cor
XYZ 12.1, 9.5, 25.5
CIELab 36.89, 23.38, -32.08
Decimal 5784451
Yxy 7.7276, 0.2514, 0.1918
YUV 80.575, 156.4565, 133.296
CIELuv 33.409, 5.0844, -47.1579
Web Safe 333366

Distribuição de #584383

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.

#584383

#584383
rgb(88,67,131)

#6e8343

#6e8343
rgb(110,131,67)

Cores triadicas

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

#835843

#835843
rgb(131,88,67)

#584383

#584383
rgb(88,67,131)

#438358

#438358
rgb(67,131,88)

Cores tetrádicas

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

#83434e

#83434e
rgb(131,67,78)

#584383

#584383
rgb(88,67,131)

#6e8343

#6e8343
rgb(110,131,67)

#438378

#438378
rgb(67,131,120)

Cores monocromáticas

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

#584383

#584383
rgb(88,67,131)

#716783

#716783
rgb(113,103,131)

#706683

#706683
rgb(112,102,131)

#6f6583

#6f6583
rgb(111,101,131)

#6e6383

#6e6383
rgb(110,99,131)

#6d6283

#6d6283
rgb(109,98,131)

Tons e Matizes de #584383

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

Matiz (adicionando branco)
#584383

#584383
rgb(88,67,131)

#79689b

#79689b
rgb(121,104,155)

#9a8eb4

#9a8eb4
rgb(154,142,180)

#bcb3cd

#bcb3cd
rgb(188,179,205)

#ddd9e6

#ddd9e6
rgb(221,217,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#584383

#584383
rgb(88,67,131)

#463568

#463568
rgb(70,53,104)

#34284e

#34284e
rgb(52,40,78)

#231a34

#231a34
rgb(35,26,52)

#110d1a

#110d1a
rgb(17,13,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #584383

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #584383.

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

Este elemento tem uma cor de borda de #584383.

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

Cores alietórias

#076cf8

#076cf8
rgb(7,108,248)

#af9c75

#af9c75
rgb(175,156,117)

#cce3a5

#cce3a5
rgb(204,227,165)

#26174f

#26174f
rgb(38,23,79)

#d635ef

#d635ef
rgb(214,53,239)

#3583c5

#3583c5
rgb(53,131,197)

#9d4625

#9d4625
rgb(157,70,37)

#c07a35

#c07a35
rgb(192,122,53)

#64becb

#64becb
rgb(100,190,203)

#7ae8ae

#7ae8ae
rgb(122,232,174)

#0b34d3

#0b34d3
rgb(11,52,211)

#8406b3

#8406b3
rgb(132,6,179)