Informação da cor #749987

A cor hexadecimal 749987 no modelo de cores RGB (Red, Green, Blue), é um composta por 116 de vermelho, 153 de verde e 135 de azul.

No padrão de cores CMYK, é composto por 24.2% de ciano, 0% de magenta, 11.8% de amarelo e 40% de preto. Tem um ângulo de matiz de 150.8 graus, uma saturação de 15.4% e uma leveza de 52.8%.

A cor mais próxima WebSafe é 669966.

Conversões de #749987 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 749987
RGB 116, 153, 135
RGB Percentagem 45.5%, 60%, 52.9%
CMYK 0.24, 0, 0.12, 0.4
HSL 150.8°, 15.4%, 52.8%
HSV (ou HSB) 150.8°, 24.2%, 60%
RYB 45.5, 55.3, 60
Formato Cor
XYZ 25.8, 31.3, 30.5
CIELab 62.78, -15.91, 5
Decimal 7641479
Yxy 28.2439, 0.293, 0.3604
YUV 139.885, 125.2432, 110.9636
CIELuv 60.1084, -18.6686, 10.1605
Web Safe 669966

Distribuição de #749987

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.

#749987

#749987
rgb(116,153,135)

#997486

#997486
rgb(153,116,134)

Cores triadicas

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

#887499

#887499
rgb(136,116,153)

#749987

#749987
rgb(116,153,135)

#998874

#998874
rgb(153,136,116)

Cores tetrádicas

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

#757499

#757499
rgb(117,116,153)

#749987

#749987
rgb(116,153,135)

#997486

#997486
rgb(153,116,134)

#999974

#999974
rgb(153,153,116)

Cores monocromáticas

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

#749987

#749987
rgb(116,153,135)

#79998a

#79998a
rgb(121,153,138)

#779989

#779989
rgb(119,153,137)

#769988

#769988
rgb(118,153,136)

#749987

#749987
rgb(116,153,135)

#739987

#739987
rgb(115,153,135)

Tons e Matizes de #749987

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

Matiz (adicionando branco)
#749987

#749987
rgb(116,153,135)

#8fad9f

#8fad9f
rgb(143,173,159)

#abc1b7

#abc1b7
rgb(171,193,183)

#c7d6cf

#c7d6cf
rgb(199,214,207)

#e3eae7

#e3eae7
rgb(227,234,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#749987

#749987
rgb(116,153,135)

#5c7a6c

#5c7a6c
rgb(92,122,108)

#455b51

#455b51
rgb(69,91,81)

#2e3d35

#2e3d35
rgb(46,61,53)

#171e1a

#171e1a
rgb(23,30,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #749987

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #749987.

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

Este elemento tem uma cor de borda de #749987.

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

Cores alietórias

#cdb993

#cdb993
rgb(205,185,147)

#99fbcb

#99fbcb
rgb(153,251,203)

#d67207

#d67207
rgb(214,114,7)

#64b2c9

#64b2c9
rgb(100,178,201)

#0c3d7a

#0c3d7a
rgb(12,61,122)

#08f663

#08f663
rgb(8,246,99)

#a120f4

#a120f4
rgb(161,32,244)

#eca88c

#eca88c
rgb(236,168,140)

#f3fbcd

#f3fbcd
rgb(243,251,205)

#ef6184

#ef6184
rgb(239,97,132)

#06ba6c

#06ba6c
rgb(6,186,108)

#e19fda

#e19fda
rgb(225,159,218)