Informação da cor #5e7178

A cor hexadecimal 5e7178 no modelo de cores RGB (Red, Green, Blue), é um composta por 94 de vermelho, 113 de verde e 120 de azul.

No padrão de cores CMYK, é composto por 21.7% de ciano, 5.8% de magenta, 0% de amarelo e 52.9% de preto. Tem um ângulo de matiz de 196.2 graus, uma saturação de 12.2% e uma leveza de 42%.

A cor mais próxima WebSafe é 336666.

Conversões de #5e7178 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 5e7178
RGB 94, 113, 120
RGB Percentagem 36.9%, 44.3%, 47.1%
CMYK 0.22, 0.06, 0, 0.53
HSL 196.2°, 12.2%, 42%
HSV (ou HSB) 196.2°, 21.7%, 47.1%
RYB 36.9, 41.2, 47.1
Formato Cor
XYZ 16.3, 18.1, 23.1
CIELab 49.66, -5.25, -6.01
Decimal 6189432
Yxy 15.5456, 0.2811, 0.3141
YUV 108.117, 134.706, 117.9308
CIELuv 46.3725, -10.0739, -7.7712
Web Safe 336666

Distribuição de #5e7178

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.

#5e7178

#5e7178
rgb(94,113,120)

#78665e

#78665e
rgb(120,102,94)

Cores triadicas

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

#785e71

#785e71
rgb(120,94,113)

#5e7178

#5e7178
rgb(94,113,120)

#71785e

#71785e
rgb(113,120,94)

Cores tetrádicas

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

#735e78

#735e78
rgb(115,94,120)

#5e7178

#5e7178
rgb(94,113,120)

#78665e

#78665e
rgb(120,102,94)

#64785e

#64785e
rgb(100,120,94)

Cores monocromáticas

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

#5e7178

#5e7178
rgb(94,113,120)

#5f7278

#5f7278
rgb(95,114,120)

#5e7178

#5e7178
rgb(94,113,120)

#5d7178

#5d7178
rgb(93,113,120)

#5b7178

#5b7178
rgb(91,113,120)

#5a7078

#5a7078
rgb(90,112,120)

Tons e Matizes de #5e7178

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

Matiz (adicionando branco)
#5e7178

#5e7178
rgb(94,113,120)

#7e8d93

#7e8d93
rgb(126,141,147)

#9ea9ae

#9ea9ae
rgb(158,169,174)

#bec6c9

#bec6c9
rgb(190,198,201)

#dee2e4

#dee2e4
rgb(222,226,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5e7178

#5e7178
rgb(94,113,120)

#4b5a60

#4b5a60
rgb(75,90,96)

#384348

#384348
rgb(56,67,72)

#252d2f

#252d2f
rgb(37,45,47)

#121617

#121617
rgb(18,22,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5e7178

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

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

Contraste

Branco e #5e7178
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 #5e7178
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 #5e7178

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

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

Este parágrafo tem fundo de cor #5e7178.

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

Este elemento tem uma cor de borda de #5e7178.

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

Cores alietórias

#15bc15

#15bc15
rgb(21,188,21)

#bed86c

#bed86c
rgb(190,216,108)

#0d4940

#0d4940
rgb(13,73,64)

#046e92

#046e92
rgb(4,110,146)

#0eb84f

#0eb84f
rgb(14,184,79)

#f5147e

#f5147e
rgb(245,20,126)

#4bef3c

#4bef3c
rgb(75,239,60)

#f94d23

#f94d23
rgb(249,77,35)

#3ba4f1

#3ba4f1
rgb(59,164,241)

#5b2c4b

#5b2c4b
rgb(91,44,75)

#e6a86f

#e6a86f
rgb(230,168,111)

#f66af7

#f66af7
rgb(246,106,247)