Informação da cor #376ad6

A cor hexadecimal 376ad6 no modelo de cores RGB (Red, Green, Blue), é um composta por 55 de vermelho, 106 de verde e 214 de azul.

No padrão de cores CMYK, é composto por 74.3% de ciano, 50.5% de magenta, 0% de amarelo e 16.1% de preto. Tem um ângulo de matiz de 220.8 graus, uma saturação de 66% e uma leveza de 52.8%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #376ad6 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 376ad6
RGB 55, 106, 214
RGB Percentagem 21.6%, 41.6%, 83.9%
CMYK 0.74, 0.5, 0, 0.16
HSL 220.8°, 66%, 52.8%
HSV (ou HSB) 220.8°, 74.3%, 83.9%
RYB 21.6, 36.9, 83.9
Formato Cor
XYZ 20.7, 18.2, 68.2
CIELab 49.74, 17.34, -57.76
Decimal 3631830
Yxy 15.9732, 0.1876, 0.1589
YUV 103.063, 190.6055, 93.7183
CIELuv 46.9394, -19.6554, -93.2157
Web Safe 3366CC

Distribuição de #376ad6

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.

#376ad6

#376ad6
rgb(55,106,214)

#d6a337

#d6a337
rgb(214,163,55)

Cores triadicas

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

#d6376b

#d6376b
rgb(214,55,107)

#376ad6

#376ad6
rgb(55,106,214)

#6bd637

#6bd637
rgb(107,214,55)

Cores tetrádicas

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

#d637ba

#d637ba
rgb(214,55,186)

#376ad6

#376ad6
rgb(55,106,214)

#d6a337

#d6a337
rgb(214,163,55)

#37d654

#37d654
rgb(55,214,84)

Cores monocromáticas

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

#376ad6

#376ad6
rgb(55,106,214)

#a8b7d6

#a8b7d6
rgb(168,183,214)

#a6b5d6

#a6b5d6
rgb(166,181,214)

#a4b4d6

#a4b4d6
rgb(164,180,214)

#a2b3d6

#a2b3d6
rgb(162,179,214)

#9fb1d6

#9fb1d6
rgb(159,177,214)

Tons e Matizes de #376ad6

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

Matiz (adicionando branco)
#376ad6

#376ad6
rgb(55,106,214)

#5f87de

#5f87de
rgb(95,135,222)

#87a5e6

#87a5e6
rgb(135,165,230)

#afc3ee

#afc3ee
rgb(175,195,238)

#d7e1f6

#d7e1f6
rgb(215,225,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#376ad6

#376ad6
rgb(55,106,214)

#2c54ab

#2c54ab
rgb(44,84,171)

#213f80

#213f80
rgb(33,63,128)

#152a55

#152a55
rgb(21,42,85)

#0a152a

#0a152a
rgb(10,21,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #376ad6

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

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

Contraste

Branco e #376ad6
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 #376ad6
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 #376ad6

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

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

Este parágrafo tem fundo de cor #376ad6.

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

Este elemento tem uma cor de borda de #376ad6.

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

Cores alietórias

#b4d2d9

#b4d2d9
rgb(180,210,217)

#e0d93a

#e0d93a
rgb(224,217,58)

#a4a0c1

#a4a0c1
rgb(164,160,193)

#5e1c1c

#5e1c1c
rgb(94,28,28)

#86709a

#86709a
rgb(134,112,154)

#aad3d6

#aad3d6
rgb(170,211,214)

#bfd2b6

#bfd2b6
rgb(191,210,182)

#444502

#444502
rgb(68,69,2)

#6965c5

#6965c5
rgb(105,101,197)

#38d08d

#38d08d
rgb(56,208,141)

#97a37e

#97a37e
rgb(151,163,126)

#1de4ff

#1de4ff
rgb(29,228,255)