Informação da cor #5078af

A cor hexadecimal 5078af no modelo de cores RGB (Red, Green, Blue), é um composta por 80 de vermelho, 120 de verde e 175 de azul.

No padrão de cores CMYK, é composto por 54.3% de ciano, 31.4% de magenta, 0% de amarelo e 31.4% de preto. Tem um ângulo de matiz de 214.7 graus, uma saturação de 37.3% e uma leveza de 50%.

A cor mais próxima WebSafe é 336699.

Conversões de #5078af 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 5078af
RGB 80, 120, 175
RGB Percentagem 31.4%, 47.1%, 68.6%
CMYK 0.54, 0.31, 0, 0.31
HSL 214.7°, 37.3%, 50%
HSV (ou HSB) 214.7°, 54.3%, 68.6%
RYB 31.4, 42.7, 68.6
Formato Cor
XYZ 20.1, 20.9, 46.5
CIELab 52.8, 1.35, -31.97
Decimal 5273775
Yxy 18.2322, 0.2245, 0.2304
YUV 114.31, 162.2494, 103.5278
CIELuv 49.7765, -18.7366, -50.6294
Web Safe 336699

Distribuição de #5078af

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.

#5078af

#5078af
rgb(80,120,175)

#af8750

#af8750
rgb(175,135,80)

Cores triadicas

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

#af5079

#af5079
rgb(175,80,121)

#5078af

#5078af
rgb(80,120,175)

#79af50

#79af50
rgb(121,175,80)

Cores tetrádicas

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

#af50a8

#af50a8
rgb(175,80,168)

#5078af

#5078af
rgb(80,120,175)

#af8750

#af8750
rgb(175,135,80)

#50af58

#50af58
rgb(80,175,88)

Cores monocromáticas

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

#5078af

#5078af
rgb(80,120,175)

#8a9aaf

#8a9aaf
rgb(138,154,175)

#8899af

#8899af
rgb(136,153,175)

#8698af

#8698af
rgb(134,152,175)

#8597af

#8597af
rgb(133,151,175)

#8396af

#8396af
rgb(131,150,175)

Tons e Matizes de #5078af

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

Matiz (adicionando branco)
#5078af

#5078af
rgb(80,120,175)

#7393bf

#7393bf
rgb(115,147,191)

#96aecf

#96aecf
rgb(150,174,207)

#b9c9df

#b9c9df
rgb(185,201,223)

#dce4ef

#dce4ef
rgb(220,228,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5078af

#5078af
rgb(80,120,175)

#40608c

#40608c
rgb(64,96,140)

#304869

#304869
rgb(48,72,105)

#1f2f45

#1f2f45
rgb(31,47,69)

#0f1722

#0f1722
rgb(15,23,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5078af

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

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

Contraste

Branco e #5078af
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 #5078af
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.

Exemplos CSS

Texto com cor hexadecimal #5078af

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

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

Este parágrafo tem fundo de cor #5078af.

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

Este elemento tem uma cor de borda de #5078af.

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

Cores alietórias

#6ec86a

#6ec86a
rgb(110,200,106)

#3f0b1f

#3f0b1f
rgb(63,11,31)

#2d6be5

#2d6be5
rgb(45,107,229)

#82245c

#82245c
rgb(130,36,92)

#a9ce74

#a9ce74
rgb(169,206,116)

#3c86d3

#3c86d3
rgb(60,134,211)

#bb5ceb

#bb5ceb
rgb(187,92,235)

#2d72f2

#2d72f2
rgb(45,114,242)

#5dd801

#5dd801
rgb(93,216,1)

#e199d2

#e199d2
rgb(225,153,210)

#36fc28

#36fc28
rgb(54,252,40)

#5a9609

#5a9609
rgb(90,150,9)