Informação da cor #0a74a7

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

No padrão de cores CMYK, é composto por 94% de ciano, 30.5% de magenta, 0% de amarelo e 34.5% de preto. Tem um ângulo de matiz de 199.5 graus, uma saturação de 88.7% e uma leveza de 34.7%.

A cor mais próxima WebSafe é 006699.

Conversões de #0a74a7 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 0a74a7
RGB 10, 116, 167
RGB Percentagem 3.9%, 45.5%, 65.5%
CMYK 0.94, 0.31, 0, 0.35
HSL 199.5°, 88.7%, 34.7%
HSV (ou HSB) 199.5°, 94%, 65.5%
RYB 3.9, 29, 65.5
Formato Cor
XYZ 14.9, 17.5, 42.2
CIELab 48.92, -10.25, -33.85
Decimal 685223
Yxy 15.3436, 0.1977, 0.2273
YUV 90.12, 171.386, 70.8531
CIELuv 46.1012, -29.6998, -50.7434
Web Safe 006699

Distribuição de #0a74a7

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.

#0a74a7

#0a74a7
rgb(10,116,167)

#a73e0b

#a73e0b
rgb(167,62,11)

Cores triadicas

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

#a70b74

#a70b74
rgb(167,11,116)

#0a74a7

#0a74a7
rgb(10,116,167)

#74a70b

#74a70b
rgb(116,167,11)

Cores tetrádicas

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

#8c0ba7

#8c0ba7
rgb(140,11,167)

#0a74a7

#0a74a7
rgb(10,116,167)

#a73e0b

#a73e0b
rgb(167,62,11)

#26a70b

#26a70b
rgb(38,167,11)

Cores monocromáticas

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

#0a74a7

#0a74a7
rgb(10,116,167)

#839ca7

#839ca7
rgb(131,156,167)

#819ba7

#819ba7
rgb(129,155,167)

#809ba7

#809ba7
rgb(128,155,167)

#7e9aa7

#7e9aa7
rgb(126,154,167)

#7c99a7

#7c99a7
rgb(124,153,167)

Tons e Matizes de #0a74a7

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

Matiz (adicionando branco)
#0a74a7

#0a74a7
rgb(10,116,167)

#3b8fb8

#3b8fb8
rgb(59,143,184)

#6cabca

#6cabca
rgb(108,171,202)

#9dc7db

#9dc7db
rgb(157,199,219)

#cee3ed

#cee3ed
rgb(206,227,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0a74a7

#0a74a7
rgb(10,116,167)

#085c85

#085c85
rgb(8,92,133)

#064564

#064564
rgb(6,69,100)

#032e42

#032e42
rgb(3,46,66)

#011721

#011721
rgb(1,23,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0a74a7

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#33ccae

#33ccae
rgb(51,204,174)

#277054

#277054
rgb(39,112,84)

#1d630b

#1d630b
rgb(29,99,11)

#551702

#551702
rgb(85,23,2)

#ecac20

#ecac20
rgb(236,172,32)

#3d147e

#3d147e
rgb(61,20,126)

#5386d1

#5386d1
rgb(83,134,209)

#ddbd47

#ddbd47
rgb(221,189,71)

#cc8a93

#cc8a93
rgb(204,138,147)

#a1f53e

#a1f53e
rgb(161,245,62)

#a3dd59

#a3dd59
rgb(163,221,89)

#aae88b

#aae88b
rgb(170,232,139)