Informação da cor #5795fe

A cor hexadecimal 5795fe no modelo de cores RGB (Red, Green, Blue), é um composta por 87 de vermelho, 149 de verde e 254 de azul.

No padrão de cores CMYK, é composto por 65.7% de ciano, 41.3% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 217.7 graus, uma saturação de 98.8% e uma leveza de 66.9%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #5795fe 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 5795fe
RGB 87, 149, 254
RGB Percentagem 34.1%, 58.4%, 99.6%
CMYK 0.66, 0.41, 0, 0
HSL 217.7°, 98.8%, 66.9%
HSV (ou HSB) 217.7°, 65.8%, 99.6%
RYB 34.1, 52.2, 99.6
Formato Cor
XYZ 34.6, 33.4, 98.5
CIELab 64.47, 10.02, -54.65
Decimal 5740030
Yxy 30.6737, 0.202, 0.1903
YUV 142.432, 190.9616, 88.4622
CIELuv 62.2312, -26.0862, -94.9314
Web Safe 3366CC

Distribuição de #5795fe

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.

#5795fe

#5795fe
rgb(87,149,254)

#fec058

#fec058
rgb(254,192,88)

Cores triadicas

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

#fe5896

#fe5896
rgb(254,88,150)

#5795fe

#5795fe
rgb(87,149,254)

#96fe58

#96fe58
rgb(150,254,88)

Cores tetrádicas

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

#fe58e9

#fe58e9
rgb(254,88,233)

#5795fe

#5795fe
rgb(87,149,254)

#fec058

#fec058
rgb(254,192,88)

#58fe6d

#58fe6d
rgb(88,254,109)

Cores monocromáticas

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

#5795fe

#5795fe
rgb(87,149,254)

#c7dcfe

#c7dcfe
rgb(199,220,254)

#c5dafe

#c5dafe
rgb(197,218,254)

#c2d9fe

#c2d9fe
rgb(194,217,254)

#c0d7fe

#c0d7fe
rgb(192,215,254)

#bdd6fe

#bdd6fe
rgb(189,214,254)

Tons e Matizes de #5795fe

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

Matiz (adicionando branco)
#5795fe

#5795fe
rgb(87,149,254)

#78aafe

#78aafe
rgb(120,170,254)

#9abffe

#9abffe
rgb(154,191,254)

#bbd4fe

#bbd4fe
rgb(187,212,254)

#dde9fe

#dde9fe
rgb(221,233,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5795fe

#5795fe
rgb(87,149,254)

#4577cb

#4577cb
rgb(69,119,203)

#345998

#345998
rgb(52,89,152)

#223b65

#223b65
rgb(34,59,101)

#111d32

#111d32
rgb(17,29,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5795fe

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

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

Contraste

Branco e #5795fe
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 #5795fe
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #5795fe

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

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

Este parágrafo tem fundo de cor #5795fe.

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

Este elemento tem uma cor de borda de #5795fe.

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

Cores alietórias

#d21f9c

#d21f9c
rgb(210,31,156)

#dbcc38

#dbcc38
rgb(219,204,56)

#030a65

#030a65
rgb(3,10,101)

#9e9e95

#9e9e95
rgb(158,158,149)

#c2e941

#c2e941
rgb(194,233,65)

#09550e

#09550e
rgb(9,85,14)

#5467f2

#5467f2
rgb(84,103,242)

#23037c

#23037c
rgb(35,3,124)

#c8ba00

#c8ba00
rgb(200,186,0)

#8c94f7

#8c94f7
rgb(140,148,247)

#401beb

#401beb
rgb(64,27,235)

#05541b

#05541b
rgb(5,84,27)