Informação da cor #7ca194

A cor hexadecimal 7ca194 no modelo de cores RGB (Red, Green, Blue), é um composta por 124 de vermelho, 161 de verde e 148 de azul.

No padrão de cores CMYK, é composto por 23% de ciano, 0% de magenta, 8.1% de amarelo e 36.9% de preto. Tem um ângulo de matiz de 158.9 graus, uma saturação de 16.4% e uma leveza de 55.9%.

A cor mais próxima WebSafe é 669966.

Conversões de #7ca194 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 7ca194
RGB 124, 161, 148
RGB Percentagem 48.6%, 63.1%, 58%
CMYK 0.23, 0, 0.08, 0.37
HSL 158.9°, 16.4%, 55.9%
HSV (ou HSB) 158.9°, 23%, 63.1%
RYB 48.6, 57.6, 63.1
Formato Cor
XYZ 29.3, 35, 36.2
CIELab 65.78, -14.73, 2.42
Decimal 8167828
Yxy 31.912, 0.2898, 0.3503
YUV 148.455, 127.7432, 110.5571
CIELuv 63.2701, -18.7797, 6.2761
Web Safe 669966

Distribuição de #7ca194

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.

#7ca194

#7ca194
rgb(124,161,148)

#a17c89

#a17c89
rgb(161,124,137)

Cores triadicas

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

#957ca1

#957ca1
rgb(149,124,161)

#7ca194

#7ca194
rgb(124,161,148)

#a1957c

#a1957c
rgb(161,149,124)

Cores tetrádicas

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

#827ca1

#827ca1
rgb(130,124,161)

#7ca194

#7ca194
rgb(124,161,148)

#a17c89

#a17c89
rgb(161,124,137)

#9ca17c

#9ca17c
rgb(156,161,124)

Cores monocromáticas

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

#7ca194

#7ca194
rgb(124,161,148)

#7fa195

#7fa195
rgb(127,161,149)

#7ea195

#7ea195
rgb(126,161,149)

#7ca194

#7ca194
rgb(124,161,148)

#7aa194

#7aa194
rgb(122,161,148)

#79a193

#79a193
rgb(121,161,147)

Tons e Matizes de #7ca194

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

Matiz (adicionando branco)
#7ca194

#7ca194
rgb(124,161,148)

#96b3a9

#96b3a9
rgb(150,179,169)

#b0c6be

#b0c6be
rgb(176,198,190)

#cad9d4

#cad9d4
rgb(202,217,212)

#e4ece9

#e4ece9
rgb(228,236,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7ca194

#7ca194
rgb(124,161,148)

#638076

#638076
rgb(99,128,118)

#4a6058

#4a6058
rgb(74,96,88)

#31403b

#31403b
rgb(49,64,59)

#18201d

#18201d
rgb(24,32,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7ca194

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

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

Contraste

Branco e #7ca194
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.

Preto e #7ca194
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.

Exemplos CSS

Texto com cor hexadecimal #7ca194

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

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

Este parágrafo tem fundo de cor #7ca194.

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

Este elemento tem uma cor de borda de #7ca194.

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

Cores alietórias

#fe0bc6

#fe0bc6
rgb(254,11,198)

#80460b

#80460b
rgb(128,70,11)

#6ac271

#6ac271
rgb(106,194,113)

#b92868

#b92868
rgb(185,40,104)

#b14237

#b14237
rgb(177,66,55)

#0fa7f9

#0fa7f9
rgb(15,167,249)

#c3d922

#c3d922
rgb(195,217,34)

#b1c998

#b1c998
rgb(177,201,152)

#b93d8d

#b93d8d
rgb(185,61,141)

#a69060

#a69060
rgb(166,144,96)

#7b643d

#7b643d
rgb(123,100,61)

#8d2e0f

#8d2e0f
rgb(141,46,15)