Informação da cor #0a3195

A cor hexadecimal 0a3195 no modelo de cores RGB (Red, Green, Blue), é um composta por 10 de vermelho, 49 de verde e 149 de azul.

No padrão de cores CMYK, é composto por 93.3% de ciano, 67.1% de magenta, 0% de amarelo e 41.6% de preto. Tem um ângulo de matiz de 223.2 graus, uma saturação de 87.4% e uma leveza de 31.2%.

A cor mais próxima WebSafe é 000066.

Conversões de #0a3195 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 0a3195
RGB 10, 49, 149
RGB Percentagem 3.9%, 19.2%, 58.4%
CMYK 0.93, 0.67, 0, 0.42
HSL 223.2°, 87.4%, 31.2%
HSV (ou HSB) 223.2°, 93.3%, 58.4%
RYB 3.9, 16.1, 58.4
Formato Cor
XYZ 7.6, 5.4, 32.1
CIELab 27.84, 26.33, -57.47
Decimal 668053
Yxy 4.4302, 0.1661, 0.1107
YUV 48.739, 184.5807, 100.3688
CIELuv 25.0455, -10.2803, -71.2974
Web Safe 000066

Distribuição de #0a3195

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.

#0a3195

#0a3195
rgb(10,49,149)

#956e0b

#956e0b
rgb(149,110,11)

Cores triadicas

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

#950b32

#950b32
rgb(149,11,50)

#0a3195

#0a3195
rgb(10,49,149)

#32950b

#32950b
rgb(50,149,11)

Cores tetrádicas

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

#950b77

#950b77
rgb(149,11,119)

#0a3195

#0a3195
rgb(10,49,149)

#956e0b

#956e0b
rgb(149,110,11)

#0b9529

#0b9529
rgb(11,149,41)

Cores monocromáticas

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

#0a3195

#0a3195
rgb(10,49,149)

#757e95

#757e95
rgb(117,126,149)

#737d95

#737d95
rgb(115,125,149)

#727c95

#727c95
rgb(114,124,149)

#707b95

#707b95
rgb(112,123,149)

#6f7a95

#6f7a95
rgb(111,122,149)

Tons e Matizes de #0a3195

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

Matiz (adicionando branco)
#0a3195

#0a3195
rgb(10,49,149)

#3b5aaa

#3b5aaa
rgb(59,90,170)

#6c83bf

#6c83bf
rgb(108,131,191)

#9dacd4

#9dacd4
rgb(157,172,212)

#ced5e9

#ced5e9
rgb(206,213,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0a3195

#0a3195
rgb(10,49,149)

#082777

#082777
rgb(8,39,119)

#061d59

#061d59
rgb(6,29,89)

#03133b

#03133b
rgb(3,19,59)

#01091d

#01091d
rgb(1,9,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0a3195

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

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

Contraste

Branco e #0a3195
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 #0a3195
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 #0a3195

Este exemplo mostra como o texto na cor #0a3195 se parece.

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

Este parágrafo tem fundo de cor #0a3195.

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

Este elemento tem uma cor de borda de #0a3195.

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

Cores alietórias

#3d0e18

#3d0e18
rgb(61,14,24)

#f7742c

#f7742c
rgb(247,116,44)

#c9dffa

#c9dffa
rgb(201,223,250)

#1961cd

#1961cd
rgb(25,97,205)

#697cf9

#697cf9
rgb(105,124,249)

#bbc850

#bbc850
rgb(187,200,80)

#688b54

#688b54
rgb(104,139,84)

#c188ce

#c188ce
rgb(193,136,206)

#ce1b47

#ce1b47
rgb(206,27,71)

#369e4b

#369e4b
rgb(54,158,75)

#90a4d8

#90a4d8
rgb(144,164,216)

#4f20b8

#4f20b8
rgb(79,32,184)