Informação da cor #789b7d

A cor hexadecimal 789b7d no modelo de cores RGB (Red, Green, Blue), é um composta por 120 de vermelho, 155 de verde e 125 de azul.

No padrão de cores CMYK, é composto por 22.6% de ciano, 0% de magenta, 19.4% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 128.6 graus, uma saturação de 14.9% e uma leveza de 53.9%.

A cor mais próxima WebSafe é 669966.

Conversões de #789b7d 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 789b7d
RGB 120, 155, 125
RGB Percentagem 47.1%, 60.8%, 49%
CMYK 0.23, 0, 0.19, 0.39
HSL 128.6°, 14.9%, 53.9%
HSV (ou HSB) 128.6°, 22.6%, 60.8%
RYB 47.1, 59.2, 60.8
Formato Cor
XYZ 26, 32, 27
CIELab 63.35, -17.48, 11.24
Decimal 7904125
Yxy 28.9157, 0.3055, 0.3813
YUV 141.115, 118.9058, 112.9394
CIELuv 60.7072, -17.6671, 19.2387
Web Safe 669966

Distribuição de #789b7d

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.

#789b7d

#789b7d
rgb(120,155,125)

#9b7897

#9b7897
rgb(155,120,151)

Cores triadicas

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

#7d789b

#7d789b
rgb(125,120,155)

#789b7d

#789b7d
rgb(120,155,125)

#9b7d78

#9b7d78
rgb(155,125,120)

Cores tetrádicas

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

#78859b

#78859b
rgb(120,133,155)

#789b7d

#789b7d
rgb(120,155,125)

#9b7897

#9b7897
rgb(155,120,151)

#9b8f78

#9b8f78
rgb(155,143,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.

#789b7d

#789b7d
rgb(120,155,125)

#7b9b7f

#7b9b7f
rgb(123,155,127)

#799b7e

#799b7e
rgb(121,155,126)

#779b7d

#779b7d
rgb(119,155,125)

#769b7b

#769b7b
rgb(118,155,123)

#749b7a

#749b7a
rgb(116,155,122)

Tons e Matizes de #789b7d

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

Matiz (adicionando branco)
#789b7d

#789b7d
rgb(120,155,125)

#93af97

#93af97
rgb(147,175,151)

#aec3b1

#aec3b1
rgb(174,195,177)

#c9d7cb

#c9d7cb
rgb(201,215,203)

#e4ebe5

#e4ebe5
rgb(228,235,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#789b7d

#789b7d
rgb(120,155,125)

#607c64

#607c64
rgb(96,124,100)

#485d4b

#485d4b
rgb(72,93,75)

#2f3d31

#2f3d31
rgb(47,61,49)

#171e18

#171e18
rgb(23,30,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #789b7d

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

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

Contraste

Branco e #789b7d
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 #789b7d
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 #789b7d

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

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

Este parágrafo tem fundo de cor #789b7d.

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

Este elemento tem uma cor de borda de #789b7d.

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

Cores alietórias

#bbca2b

#bbca2b
rgb(187,202,43)

#f913bd

#f913bd
rgb(249,19,189)

#caddbb

#caddbb
rgb(202,221,187)

#78f653

#78f653
rgb(120,246,83)

#51cd2c

#51cd2c
rgb(81,205,44)

#ca32e0

#ca32e0
rgb(202,50,224)

#71e08d

#71e08d
rgb(113,224,141)

#fc7eae

#fc7eae
rgb(252,126,174)

#5b98c4

#5b98c4
rgb(91,152,196)

#b7483c

#b7483c
rgb(183,72,60)

#16a2d6

#16a2d6
rgb(22,162,214)

#aa59a2

#aa59a2
rgb(170,89,162)