Informação da cor #789198

A cor hexadecimal 789198 no modelo de cores RGB (Red, Green, Blue), é um composta por 120 de vermelho, 145 de verde e 152 de azul.

No padrão de cores CMYK, é composto por 21.1% de ciano, 4.6% de magenta, 0% de amarelo e 40.4% de preto. Tem um ângulo de matiz de 193.1 graus, uma saturação de 13.5% e uma leveza de 53.3%.

A cor mais próxima WebSafe é 666666.

Conversões de #789198 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 789198
RGB 120, 145, 152
RGB Percentagem 47.1%, 56.9%, 59.6%
CMYK 0.21, 0.05, 0, 0.4
HSL 193.1°, 13.5%, 53.3%
HSV (ou HSB) 193.1°, 21.1%, 59.6%
RYB 47.1, 52.9, 59.6
Formato Cor
XYZ 26.4, 29.6, 37
CIELab 61.29, -6.96, -6.34
Decimal 7901592
Yxy 26.5101, 0.2815, 0.317
YUV 138.323, 135.7184, 114.9308
CIELuv 58.5181, -13.2756, -8.5156
Web Safe 666666

Distribuição de #789198

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.

#789198

#789198
rgb(120,145,152)

#987f78

#987f78
rgb(152,127,120)

Cores triadicas

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

#987891

#987891
rgb(152,120,145)

#789198

#789198
rgb(120,145,152)

#919878

#919878
rgb(145,152,120)

Cores tetrádicas

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

#8f7898

#8f7898
rgb(143,120,152)

#789198

#789198
rgb(120,145,152)

#987f78

#987f78
rgb(152,127,120)

#819878

#819878
rgb(129,152,120)

Cores monocromáticas

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

#789198

#789198
rgb(120,145,152)

#789198

#789198
rgb(120,145,152)

#779198

#779198
rgb(119,145,152)

#759198

#759198
rgb(117,145,152)

#749098

#749098
rgb(116,144,152)

#729098

#729098
rgb(114,144,152)

Tons e Matizes de #789198

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

Matiz (adicionando branco)
#789198

#789198
rgb(120,145,152)

#93a7ac

#93a7ac
rgb(147,167,172)

#aebdc1

#aebdc1
rgb(174,189,193)

#c9d3d5

#c9d3d5
rgb(201,211,213)

#e4e9ea

#e4e9ea
rgb(228,233,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#789198

#789198
rgb(120,145,152)

#607479

#607479
rgb(96,116,121)

#48575b

#48575b
rgb(72,87,91)

#2f393c

#2f393c
rgb(47,57,60)

#171c1e

#171c1e
rgb(23,28,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #789198

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #789198

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

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

Este parágrafo tem fundo de cor #789198.

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

Este elemento tem uma cor de borda de #789198.

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

Cores alietórias

#4bd729

#4bd729
rgb(75,215,41)

#f64235

#f64235
rgb(246,66,53)

#139b1a

#139b1a
rgb(19,155,26)

#2625b0

#2625b0
rgb(38,37,176)

#b51683

#b51683
rgb(181,22,131)

#c17c66

#c17c66
rgb(193,124,102)

#946c68

#946c68
rgb(148,108,104)

#4621d1

#4621d1
rgb(70,33,209)

#900150

#900150
rgb(144,1,80)

#35f03b

#35f03b
rgb(53,240,59)

#6cec91

#6cec91
rgb(108,236,145)

#2608fa

#2608fa
rgb(38,8,250)