Informação da cor #0a5a86

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

No padrão de cores CMYK, é composto por 92.5% de ciano, 32.8% de magenta, 0% de amarelo e 47.5% de preto. Tem um ângulo de matiz de 201.3 graus, uma saturação de 86.1% e uma leveza de 28.2%.

A cor mais próxima WebSafe é 003366.

Conversões de #0a5a86 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 0a5a86
RGB 10, 90, 134
RGB Percentagem 3.9%, 35.3%, 52.5%
CMYK 0.93, 0.33, 0, 0.47
HSL 201.3°, 86.1%, 28.2%
HSV (ou HSB) 201.3°, 92.5%, 52.6%
RYB 3.9, 23.1, 52.5
Formato Cor
XYZ 9.4, 10.9, 27
CIELab 39.32, -7.27, -30.29
Decimal 678534
Yxy 9.097, 0.1969, 0.2216
YUV 71.096, 163.4989, 84.4223
CIELuv 36.1704, -22.7032, -42.1329
Web Safe 003366

Distribuição de #0a5a86

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.

#0a5a86

#0a5a86
rgb(10,90,134)

#86370a

#86370a
rgb(134,55,10)

Cores triadicas

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

#860a5a

#860a5a
rgb(134,10,90)

#0a5a86

#0a5a86
rgb(10,90,134)

#5a860a

#5a860a
rgb(90,134,10)

Cores tetrádicas

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

#750a86

#750a86
rgb(117,10,134)

#0a5a86

#0a5a86
rgb(10,90,134)

#86370a

#86370a
rgb(134,55,10)

#1c860a

#1c860a
rgb(28,134,10)

Cores monocromáticas

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

#0a5a86

#0a5a86
rgb(10,90,134)

#697c86

#697c86
rgb(105,124,134)

#687c86

#687c86
rgb(104,124,134)

#667b86

#667b86
rgb(102,123,134)

#657b86

#657b86
rgb(101,123,134)

#647a86

#647a86
rgb(100,122,134)

Tons e Matizes de #0a5a86

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

Matiz (adicionando branco)
#0a5a86

#0a5a86
rgb(10,90,134)

#3b7b9e

#3b7b9e
rgb(59,123,158)

#6c9cb6

#6c9cb6
rgb(108,156,182)

#9dbdce

#9dbdce
rgb(157,189,206)

#cedee6

#cedee6
rgb(206,222,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0a5a86

#0a5a86
rgb(10,90,134)

#08486b

#08486b
rgb(8,72,107)

#063650

#063650
rgb(6,54,80)

#032335

#032335
rgb(3,35,53)

#01111a

#01111a
rgb(1,17,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0a5a86

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#a17775

#a17775
rgb(161,119,117)

#743415

#743415
rgb(116,52,21)

#5dcd9f

#5dcd9f
rgb(93,205,159)

#e099a7

#e099a7
rgb(224,153,167)

#f00efa

#f00efa
rgb(240,14,250)

#71624f

#71624f
rgb(113,98,79)

#e995a9

#e995a9
rgb(233,149,169)

#ab3345

#ab3345
rgb(171,51,69)

#82212e

#82212e
rgb(130,33,46)

#dd3062

#dd3062
rgb(221,48,98)

#a77fc1

#a77fc1
rgb(167,127,193)

#b00c2e

#b00c2e
rgb(176,12,46)