Informação da cor #5b2a88

A cor hexadecimal 5b2a88 no modelo de cores RGB (Red, Green, Blue), é um composta por 91 de vermelho, 42 de verde e 136 de azul.

No padrão de cores CMYK, é composto por 33.1% de ciano, 69.1% de magenta, 0% de amarelo e 46.7% de preto. Tem um ângulo de matiz de 271.3 graus, uma saturação de 52.8% e uma leveza de 34.9%.

A cor mais próxima WebSafe é 330066.

Conversões de #5b2a88 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 5b2a88
RGB 91, 42, 136
RGB Percentagem 35.7%, 16.5%, 53.3%
CMYK 0.33, 0.69, 0, 0.47
HSL 271.3°, 52.8%, 34.9%
HSV (ou HSB) 271.3°, 69.1%, 53.3%
RYB 35.7, 16.5, 53.3
Formato Cor
XYZ 11.3, 7, 26.9
CIELab 31.69, 40.55, -43.3
Decimal 5974664
Yxy 5.6577, 0.245, 0.1446
YUV 67.367, 166.7319, 144.8567
CIELuv 28.5319, 12.2499, -59.9891
Web Safe 330066

Distribuição de #5b2a88

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.

#5b2a88

#5b2a88
rgb(91,42,136)

#58882a

#58882a
rgb(88,136,42)

Cores triadicas

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

#885b2a

#885b2a
rgb(136,91,42)

#5b2a88

#5b2a88
rgb(91,42,136)

#2a885b

#2a885b
rgb(42,136,91)

Cores tetrádicas

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

#882c2a

#882c2a
rgb(136,44,42)

#5b2a88

#5b2a88
rgb(91,42,136)

#58882a

#58882a
rgb(88,136,42)

#2a8788

#2a8788
rgb(42,135,136)

Cores monocromáticas

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

#5b2a88

#5b2a88
rgb(91,42,136)

#7a6b88

#7a6b88
rgb(122,107,136)

#7a6a88

#7a6a88
rgb(122,106,136)

#796888

#796888
rgb(121,104,136)

#786788

#786788
rgb(120,103,136)

#786688

#786688
rgb(120,102,136)

Tons e Matizes de #5b2a88

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

Matiz (adicionando branco)
#5b2a88

#5b2a88
rgb(91,42,136)

#7b549f

#7b549f
rgb(123,84,159)

#9c7fb7

#9c7fb7
rgb(156,127,183)

#bda9cf

#bda9cf
rgb(189,169,207)

#ded4e7

#ded4e7
rgb(222,212,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5b2a88

#5b2a88
rgb(91,42,136)

#48216c

#48216c
rgb(72,33,108)

#361951

#361951
rgb(54,25,81)

#241036

#241036
rgb(36,16,54)

#12081b

#12081b
rgb(18,8,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5b2a88

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

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

Contraste

Branco e #5b2a88
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 #5b2a88
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 #5b2a88

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

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

Este parágrafo tem fundo de cor #5b2a88.

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

Este elemento tem uma cor de borda de #5b2a88.

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

Cores alietórias

#fc25c5

#fc25c5
rgb(252,37,197)

#e68128

#e68128
rgb(230,129,40)

#7b4b94

#7b4b94
rgb(123,75,148)

#54382e

#54382e
rgb(84,56,46)

#9f766a

#9f766a
rgb(159,118,106)

#3777b7

#3777b7
rgb(55,119,183)

#31dd70

#31dd70
rgb(49,221,112)

#03e9f4

#03e9f4
rgb(3,233,244)

#fdd78b

#fdd78b
rgb(253,215,139)

#aff5d4

#aff5d4
rgb(175,245,212)

#b7fd4e

#b7fd4e
rgb(183,253,78)

#f37f0b

#f37f0b
rgb(243,127,11)