Informação da cor #758296

A cor hexadecimal 758296 no modelo de cores RGB (Red, Green, Blue), é um composta por 117 de vermelho, 130 de verde e 150 de azul.

No padrão de cores CMYK, é composto por 22% de ciano, 13.3% de magenta, 0% de amarelo e 41.2% de preto. Tem um ângulo de matiz de 216.4 graus, uma saturação de 13.6% e uma leveza de 52.4%.

A cor mais próxima WebSafe é 666666.

Conversões de #758296 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 758296
RGB 117, 130, 150
RGB Percentagem 45.9%, 51%, 58.8%
CMYK 0.22, 0.13, 0, 0.41
HSL 216.4°, 13.6%, 52.4%
HSV (ou HSB) 216.4°, 22%, 58.8%
RYB 45.9, 49.8, 58.8
Formato Cor
XYZ 23.6, 24.9, 35.4
CIELab 56.97, -0.28, -11.73
Decimal 7701142
Yxy 21.9486, 0.2785, 0.2936
YUV 128.393, 140.1936, 119.8738
CIELuv 53.9725, -7.7874, -17.8508
Web Safe 666666

Distribuição de #758296

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.

#758296

#758296
rgb(117,130,150)

#968976

#968976
rgb(150,137,118)

Cores triadicas

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

#967683

#967683
rgb(150,118,131)

#758296

#758296
rgb(117,130,150)

#839676

#839676
rgb(131,150,118)

Cores tetrádicas

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

#967693

#967693
rgb(150,118,147)

#758296

#758296
rgb(117,130,150)

#968976

#968976
rgb(150,137,118)

#769679

#769679
rgb(118,150,121)

Cores monocromáticas

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

#758296

#758296
rgb(117,130,150)

#778396

#778396
rgb(119,131,150)

#758296

#758296
rgb(117,130,150)

#748196

#748196
rgb(116,129,150)

#728096

#728096
rgb(114,128,150)

#718096

#718096
rgb(113,128,150)

Tons e Matizes de #758296

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

Matiz (adicionando branco)
#758296

#758296
rgb(117,130,150)

#909bab

#909bab
rgb(144,155,171)

#acb4c0

#acb4c0
rgb(172,180,192)

#c7cdd5

#c7cdd5
rgb(199,205,213)

#e3e6ea

#e3e6ea
rgb(227,230,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#758296

#758296
rgb(117,130,150)

#5d6878

#5d6878
rgb(93,104,120)

#464e5a

#464e5a
rgb(70,78,90)

#2e333b

#2e333b
rgb(46,51,59)

#17191d

#17191d
rgb(23,25,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #758296

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

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

Contraste

Branco e #758296
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 #758296
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 #758296

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

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

Este parágrafo tem fundo de cor #758296.

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

Este elemento tem uma cor de borda de #758296.

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

Cores alietórias

#ae7140

#ae7140
rgb(174,113,64)

#48c3e2

#48c3e2
rgb(72,195,226)

#296c61

#296c61
rgb(41,108,97)

#a40f46

#a40f46
rgb(164,15,70)

#f2d159

#f2d159
rgb(242,209,89)

#61bf96

#61bf96
rgb(97,191,150)

#e4e669

#e4e669
rgb(228,230,105)

#09c8dd

#09c8dd
rgb(9,200,221)

#effab1

#effab1
rgb(239,250,177)

#d441d5

#d441d5
rgb(212,65,213)

#5344fc

#5344fc
rgb(83,68,252)

#bd1956

#bd1956
rgb(189,25,86)