Informação da cor #505b8a

A cor hexadecimal 505b8a no modelo de cores RGB (Red, Green, Blue), é um composta por 80 de vermelho, 91 de verde e 138 de azul.

No padrão de cores CMYK, é composto por 42% de ciano, 34.1% de magenta, 0% de amarelo e 45.9% de preto. Tem um ângulo de matiz de 228.6 graus, uma saturação de 26.6% e uma leveza de 42.8%.

A cor mais próxima WebSafe é 333366.

Conversões de #505b8a 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 505b8a
RGB 80, 91, 138
RGB Percentagem 31.4%, 35.7%, 54.1%
CMYK 0.42, 0.34, 0, 0.46
HSL 228.6°, 26.6%, 42.8%
HSV (ou HSB) 228.6°, 42%, 54.1%
RYB 31.4, 35.3, 54.1
Formato Cor
XYZ 13.7, 13.2, 28.8
CIELab 43.05, 7.88, -26.53
Decimal 5266314
Yxy 11.0221, 0.2413, 0.2286
YUV 93.069, 153.3561, 118.6783
CIELuv 39.6176, -7.384, -39.7702
Web Safe 333366

Distribuição de #505b8a

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.

#505b8a

#505b8a
rgb(80,91,138)

#8a8050

#8a8050
rgb(138,128,80)

Cores triadicas

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

#8a505b

#8a505b
rgb(138,80,91)

#505b8a

#505b8a
rgb(80,91,138)

#5b8a50

#5b8a50
rgb(91,138,80)

Cores tetrádicas

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

#8a5078

#8a5078
rgb(138,80,120)

#505b8a

#505b8a
rgb(80,91,138)

#8a8050

#8a8050
rgb(138,128,80)

#508a63

#508a63
rgb(80,138,99)

Cores monocromáticas

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

#505b8a

#505b8a
rgb(80,91,138)

#6d738a

#6d738a
rgb(109,115,138)

#6c718a

#6c718a
rgb(108,113,138)

#6a708a

#6a708a
rgb(106,112,138)

#696f8a

#696f8a
rgb(105,111,138)

#676e8a

#676e8a
rgb(103,110,138)

Tons e Matizes de #505b8a

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

Matiz (adicionando branco)
#505b8a

#505b8a
rgb(80,91,138)

#737ba1

#737ba1
rgb(115,123,161)

#969cb8

#969cb8
rgb(150,156,184)

#b9bdd0

#b9bdd0
rgb(185,189,208)

#dcdee7

#dcdee7
rgb(220,222,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#505b8a

#505b8a
rgb(80,91,138)

#40486e

#40486e
rgb(64,72,110)

#303652

#303652
rgb(48,54,82)

#1f2437

#1f2437
rgb(31,36,55)

#0f121b

#0f121b
rgb(15,18,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #505b8a

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

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

Contraste

Branco e #505b8a
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 #505b8a
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 #505b8a

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

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

Este parágrafo tem fundo de cor #505b8a.

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

Este elemento tem uma cor de borda de #505b8a.

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

Cores alietórias

#f00c8d

#f00c8d
rgb(240,12,141)

#28d194

#28d194
rgb(40,209,148)

#a2c126

#a2c126
rgb(162,193,38)

#86c41d

#86c41d
rgb(134,196,29)

#699eeb

#699eeb
rgb(105,158,235)

#104c41

#104c41
rgb(16,76,65)

#e09206

#e09206
rgb(224,146,6)

#1ea87f

#1ea87f
rgb(30,168,127)

#f71b07

#f71b07
rgb(247,27,7)

#40aeea

#40aeea
rgb(64,174,234)

#5eeed1

#5eeed1
rgb(94,238,209)

#c8c78d

#c8c78d
rgb(200,199,141)