Informação da cor #768e99

A cor hexadecimal 768e99 no modelo de cores RGB (Red, Green, Blue), é um composta por 118 de vermelho, 142 de verde e 153 de azul.

No padrão de cores CMYK, é composto por 22.9% de ciano, 7.2% de magenta, 0% de amarelo e 40% de preto. Tem um ângulo de matiz de 198.9 graus, uma saturação de 14.6% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 666699.

Conversões de #768e99 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 768e99
RGB 118, 142, 153
RGB Percentagem 46.3%, 55.7%, 60%
CMYK 0.23, 0.07, 0, 0.4
HSL 198.9°, 14.6%, 53.1%
HSV (ou HSB) 198.9°, 22.9%, 60%
RYB 46.3, 52.2, 60
Formato Cor
XYZ 25.7, 28.5, 37.3
CIELab 60.38, -5.78, -8.26
Decimal 7769753
Yxy 25.4967, 0.2784, 0.31
YUV 136.078, 137.5497, 115.1056
CIELuv 57.5562, -12.8598, -11.6917
Web Safe 666699

Distribuição de #768e99

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.

#768e99

#768e99
rgb(118,142,153)

#998276

#998276
rgb(153,130,118)

Cores triadicas

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

#99768e

#99768e
rgb(153,118,142)

#768e99

#768e99
rgb(118,142,153)

#8e9976

#8e9976
rgb(142,153,118)

Cores tetrádicas

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

#937699

#937699
rgb(147,118,153)

#768e99

#768e99
rgb(118,142,153)

#998276

#998276
rgb(153,130,118)

#7d9976

#7d9976
rgb(125,153,118)

Cores monocromáticas

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

#768e99

#768e99
rgb(118,142,153)

#798f99

#798f99
rgb(121,143,153)

#778f99

#778f99
rgb(119,143,153)

#768e99

#768e99
rgb(118,142,153)

#748e99

#748e99
rgb(116,142,153)

#738d99

#738d99
rgb(115,141,153)

Tons e Matizes de #768e99

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

Matiz (adicionando branco)
#768e99

#768e99
rgb(118,142,153)

#91a4ad

#91a4ad
rgb(145,164,173)

#acbbc1

#acbbc1
rgb(172,187,193)

#c8d1d6

#c8d1d6
rgb(200,209,214)

#e3e8ea

#e3e8ea
rgb(227,232,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#768e99

#768e99
rgb(118,142,153)

#5e717a

#5e717a
rgb(94,113,122)

#46555b

#46555b
rgb(70,85,91)

#2f383d

#2f383d
rgb(47,56,61)

#171c1e

#171c1e
rgb(23,28,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #768e99

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

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

Contraste

Branco e #768e99
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 #768e99
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 #768e99

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

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

Este parágrafo tem fundo de cor #768e99.

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

Este elemento tem uma cor de borda de #768e99.

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

Cores alietórias

#ff9889

#ff9889
rgb(255,152,137)

#b714cb

#b714cb
rgb(183,20,203)

#06c2dd

#06c2dd
rgb(6,194,221)

#ecc741

#ecc741
rgb(236,199,65)

#4f77c5

#4f77c5
rgb(79,119,197)

#9f3ff9

#9f3ff9
rgb(159,63,249)

#cbfdc5

#cbfdc5
rgb(203,253,197)

#7bf4f7

#7bf4f7
rgb(123,244,247)

#4b278c

#4b278c
rgb(75,39,140)

#b7e506

#b7e506
rgb(183,229,6)

#571678

#571678
rgb(87,22,120)

#25e6b0

#25e6b0
rgb(37,230,176)