Informação da cor #103746

A cor hexadecimal 103746 no modelo de cores RGB (Red, Green, Blue), é um composta por 16 de vermelho, 55 de verde e 70 de azul.

No padrão de cores CMYK, é composto por 77.1% de ciano, 21.4% de magenta, 0% de amarelo e 72.5% de preto. Tem um ângulo de matiz de 196.7 graus, uma saturação de 62.8% e uma leveza de 16.9%.

A cor mais próxima WebSafe é 003333.

Conversões de #103746 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 103746
RGB 16, 55, 70
RGB Percentagem 6.3%, 21.6%, 27.5%
CMYK 0.77, 0.21, 0, 0.73
HSL 196.7°, 62.8%, 16.9%
HSV (ou HSB) 196.7°, 77.1%, 27.5%
RYB 6.3, 15.3, 27.5
Formato Cor
XYZ 3.5, 4.3, 8
CIELab 24.69, -8.72, -13.47
Decimal 1062726
Yxy 3.2844, 0.2191, 0.268
YUV 45.049, 142.0807, 107.2803
CIELuv 21.1488, -12.6929, -13.9866
Web Safe 003333

Distribuição de #103746

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.

#103746

#103746
rgb(16,55,70)

#462010

#462010
rgb(70,32,16)

Cores triadicas

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

#461037

#461037
rgb(70,16,55)

#103746

#103746
rgb(16,55,70)

#374610

#374610
rgb(55,70,16)

Cores tetrádicas

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

#3b1046

#3b1046
rgb(59,16,70)

#103746

#103746
rgb(16,55,70)

#462010

#462010
rgb(70,32,16)

#1c4610

#1c4610
rgb(28,70,16)

Cores monocromáticas

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

#103746

#103746
rgb(16,55,70)

#374246

#374246
rgb(55,66,70)

#374246

#374246
rgb(55,66,70)

#364246

#364246
rgb(54,66,70)

#354246

#354246
rgb(53,66,70)

#344146

#344146
rgb(52,65,70)

Tons e Matizes de #103746

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

Matiz (adicionando branco)
#103746

#103746
rgb(16,55,70)

#3f5f6b

#3f5f6b
rgb(63,95,107)

#6f8790

#6f8790
rgb(111,135,144)

#9fafb5

#9fafb5
rgb(159,175,181)

#cfd7da

#cfd7da
rgb(207,215,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#103746

#103746
rgb(16,55,70)

#0c2c38

#0c2c38
rgb(12,44,56)

#09212a

#09212a
rgb(9,33,42)

#06151b

#06151b
rgb(6,21,27)

#030a0d

#030a0d
rgb(3,10,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #103746

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

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

Contraste

Branco e #103746
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 #103746
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 #103746

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

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

Este parágrafo tem fundo de cor #103746.

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

Este elemento tem uma cor de borda de #103746.

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

Cores alietórias

#dfb5d6

#dfb5d6
rgb(223,181,214)

#b14a49

#b14a49
rgb(177,74,73)

#5c4110

#5c4110
rgb(92,65,16)

#50edf3

#50edf3
rgb(80,237,243)

#97dd49

#97dd49
rgb(151,221,73)

#1dc581

#1dc581
rgb(29,197,129)

#2bb4e2

#2bb4e2
rgb(43,180,226)

#9735ae

#9735ae
rgb(151,53,174)

#1be7e3

#1be7e3
rgb(27,231,227)

#d5c158

#d5c158
rgb(213,193,88)

#bef5c3

#bef5c3
rgb(190,245,195)

#856e99

#856e99
rgb(133,110,153)