Informação da cor #0770a1

A cor hexadecimal 0770a1 no modelo de cores RGB (Red, Green, Blue), é um composta por 7 de vermelho, 112 de verde e 161 de azul.

No padrão de cores CMYK, é composto por 95.7% de ciano, 30.4% de magenta, 0% de amarelo e 36.9% de preto. Tem um ângulo de matiz de 199.1 graus, uma saturação de 91.7% e uma leveza de 32.9%.

A cor mais próxima WebSafe é 006699.

Conversões de #0770a1 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 0770a1
RGB 7, 112, 161
RGB Percentagem 2.7%, 43.9%, 63.1%
CMYK 0.96, 0.3, 0, 0.37
HSL 199.1°, 91.7%, 32.9%
HSV (ou HSB) 199.1°, 95.7%, 63.1%
RYB 2.7, 27.5, 63.1
Formato Cor
XYZ 13.8, 16.3, 39.2
CIELab 47.41, -10.27, -32.9
Decimal 487585
Yxy 14.2051, 0.1976, 0.2279
YUV 86.191, 170.2173, 71.5157
CIELuv 44.5256, -28.8588, -48.7295
Web Safe 006699

Distribuição de #0770a1

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.

#0770a1

#0770a1
rgb(7,112,161)

#a13907

#a13907
rgb(161,57,7)

Cores triadicas

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

#a10770

#a10770
rgb(161,7,112)

#0770a1

#0770a1
rgb(7,112,161)

#70a107

#70a107
rgb(112,161,7)

Cores tetrádicas

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

#8607a1

#8607a1
rgb(134,7,161)

#0770a1

#0770a1
rgb(7,112,161)

#a13907

#a13907
rgb(161,57,7)

#23a107

#23a107
rgb(35,161,7)

Cores monocromáticas

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

#0770a1

#0770a1
rgb(7,112,161)

#7e96a1

#7e96a1
rgb(126,150,161)

#7d96a1

#7d96a1
rgb(125,150,161)

#7b95a1

#7b95a1
rgb(123,149,161)

#7995a1

#7995a1
rgb(121,149,161)

#7894a1

#7894a1
rgb(120,148,161)

Tons e Matizes de #0770a1

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

Matiz (adicionando branco)
#0770a1

#0770a1
rgb(7,112,161)

#388cb3

#388cb3
rgb(56,140,179)

#6aa9c6

#6aa9c6
rgb(106,169,198)

#9bc5d9

#9bc5d9
rgb(155,197,217)

#cde2ec

#cde2ec
rgb(205,226,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0770a1

#0770a1
rgb(7,112,161)

#055980

#055980
rgb(5,89,128)

#044360

#044360
rgb(4,67,96)

#022c40

#022c40
rgb(2,44,64)

#011620

#011620
rgb(1,22,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0770a1

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

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

Contraste

Branco e #0770a1
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 #0770a1
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 #0770a1

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

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

Este parágrafo tem fundo de cor #0770a1.

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

Este elemento tem uma cor de borda de #0770a1.

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

Cores alietórias

#4f677f

#4f677f
rgb(79,103,127)

#247609

#247609
rgb(36,118,9)

#18de50

#18de50
rgb(24,222,80)

#43aca3

#43aca3
rgb(67,172,163)

#e54203

#e54203
rgb(229,66,3)

#10d635

#10d635
rgb(16,214,53)

#c789ac

#c789ac
rgb(199,137,172)

#a24a42

#a24a42
rgb(162,74,66)

#e4f8a8

#e4f8a8
rgb(228,248,168)

#814c4d

#814c4d
rgb(129,76,77)

#bef7f2

#bef7f2
rgb(190,247,242)

#140436

#140436
rgb(20,4,54)