Informação da cor #747499

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

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

A cor mais próxima WebSafe é 666699.

Conversões de #747499 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 747499
RGB 116, 116, 153
RGB Percentagem 45.5%, 45.5%, 60%
CMYK 0.24, 0.24, 0, 0.4
HSL 240°, 15.4%, 52.8%
HSV (ou HSB) 240°, 24.2%, 60%
RYB 45.5, 45.5, 60
Formato Cor
XYZ 21.9, 21.3, 36.1
CIELab 53.24, 7.96, -19.04
Decimal 7632025
Yxy 18.5033, 0.2727, 0.2629
YUV 120.218, 146.5, 124.9915
CIELuv 50.101, -2.1877, -30.3174
Web Safe 666699

Distribuição de #747499

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.

#747499

#747499
rgb(116,116,153)

#999974

#999974
rgb(153,153,116)

Cores triadicas

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

#997474

#997474
rgb(153,116,116)

#747499

#747499
rgb(116,116,153)

#749974

#749974
rgb(116,153,116)

Cores tetrádicas

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

#997487

#997487
rgb(153,116,135)

#747499

#747499
rgb(116,116,153)

#999974

#999974
rgb(153,153,116)

#749987

#749987
rgb(116,153,135)

Cores monocromáticas

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

#747499

#747499
rgb(116,116,153)

#797999

#797999
rgb(121,121,153)

#777799

#777799
rgb(119,119,153)

#767699

#767699
rgb(118,118,153)

#747499

#747499
rgb(116,116,153)

#737399

#737399
rgb(115,115,153)

Tons e Matizes de #747499

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

Matiz (adicionando branco)
#747499

#747499
rgb(116,116,153)

#8f8fad

#8f8fad
rgb(143,143,173)

#ababc1

#ababc1
rgb(171,171,193)

#c7c7d6

#c7c7d6
rgb(199,199,214)

#e3e3ea

#e3e3ea
rgb(227,227,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#747499

#747499
rgb(116,116,153)

#5c5c7a

#5c5c7a
rgb(92,92,122)

#45455b

#45455b
rgb(69,69,91)

#2e2e3d

#2e2e3d
rgb(46,46,61)

#17171e

#17171e
rgb(23,23,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #747499

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #747499.

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

Este elemento tem uma cor de borda de #747499.

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

Cores alietórias

#d7e080

#d7e080
rgb(215,224,128)

#d38b49

#d38b49
rgb(211,139,73)

#5c6472

#5c6472
rgb(92,100,114)

#dc513f

#dc513f
rgb(220,81,63)

#81be5b

#81be5b
rgb(129,190,91)

#1ea827

#1ea827
rgb(30,168,39)

#a4b719

#a4b719
rgb(164,183,25)

#a9cb07

#a9cb07
rgb(169,203,7)

#614966

#614966
rgb(97,73,102)

#96c504

#96c504
rgb(150,197,4)

#1a7cc5

#1a7cc5
rgb(26,124,197)

#1ef16b

#1ef16b
rgb(30,241,107)