Informação da cor #0736a4

A cor hexadecimal 0736a4 no modelo de cores RGB (Red, Green, Blue), é um composta por 7 de vermelho, 54 de verde e 164 de azul.

No padrão de cores CMYK, é composto por 95.7% de ciano, 67.1% de magenta, 0% de amarelo e 35.7% de preto. Tem um ângulo de matiz de 222 graus, uma saturação de 91.8% e uma leveza de 33.5%.

A cor mais próxima WebSafe é 003399.

Conversões de #0736a4 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 0736a4
RGB 7, 54, 164
RGB Percentagem 2.7%, 21.2%, 64.3%
CMYK 0.96, 0.67, 0, 0.36
HSL 222°, 91.8%, 33.5%
HSV (ou HSB) 222°, 95.7%, 64.3%
RYB 2.7, 17.3, 64.3
Formato Cor
XYZ 9.1, 6.4, 38.9
CIELab 30.47, 28.44, -61.79
Decimal 472740
Yxy 5.3628, 0.1648, 0.109
YUV 52.487, 190.9306, 95.5557
CIELuv 27.7442, -11.6085, -79.9718
Web Safe 003399

Distribuição de #0736a4

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.

#0736a4

#0736a4
rgb(7,54,164)

#a47508

#a47508
rgb(164,117,8)

Cores triadicas

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

#a40837

#a40837
rgb(164,8,55)

#0736a4

#0736a4
rgb(7,54,164)

#37a408

#37a408
rgb(55,164,8)

Cores tetrádicas

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

#a40885

#a40885
rgb(164,8,133)

#0736a4

#0736a4
rgb(7,54,164)

#a47508

#a47508
rgb(164,117,8)

#08a427

#08a427
rgb(8,164,39)

Cores monocromáticas

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

#0736a4

#0736a4
rgb(7,54,164)

#808ba4

#808ba4
rgb(128,139,164)

#7f8aa4

#7f8aa4
rgb(127,138,164)

#7d89a4

#7d89a4
rgb(125,137,164)

#7c88a4

#7c88a4
rgb(124,136,164)

#7a87a4

#7a87a4
rgb(122,135,164)

Tons e Matizes de #0736a4

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

Matiz (adicionando branco)
#0736a4

#0736a4
rgb(7,54,164)

#385eb6

#385eb6
rgb(56,94,182)

#6a86c8

#6a86c8
rgb(106,134,200)

#9baeda

#9baeda
rgb(155,174,218)

#cdd6ec

#cdd6ec
rgb(205,214,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0736a4

#0736a4
rgb(7,54,164)

#052b83

#052b83
rgb(5,43,131)

#042062

#042062
rgb(4,32,98)

#021541

#021541
rgb(2,21,65)

#010a20

#010a20
rgb(1,10,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0736a4

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

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

Contraste

Branco e #0736a4
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 #0736a4
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 #0736a4

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

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

Este parágrafo tem fundo de cor #0736a4.

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

Este elemento tem uma cor de borda de #0736a4.

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

Cores alietórias

#941c22

#941c22
rgb(148,28,34)

#d00acd

#d00acd
rgb(208,10,205)

#ebb9b6

#ebb9b6
rgb(235,185,182)

#59f2aa

#59f2aa
rgb(89,242,170)

#9d8b00

#9d8b00
rgb(157,139,0)

#36bc6a

#36bc6a
rgb(54,188,106)

#d35136

#d35136
rgb(211,81,54)

#ab5bea

#ab5bea
rgb(171,91,234)

#d879cc

#d879cc
rgb(216,121,204)

#1853bb

#1853bb
rgb(24,83,187)

#948d2a

#948d2a
rgb(148,141,42)

#eeac16

#eeac16
rgb(238,172,22)