Informação da cor #5386ef

A cor hexadecimal 5386ef no modelo de cores RGB (Red, Green, Blue), é um composta por 83 de vermelho, 134 de verde e 239 de azul.

No padrão de cores CMYK, é composto por 65.3% de ciano, 43.9% de magenta, 0% de amarelo e 6.3% de preto. Tem um ângulo de matiz de 220.4 graus, uma saturação de 83% e uma leveza de 63.1%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #5386ef 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 5386ef
RGB 83, 134, 239
RGB Percentagem 32.5%, 52.5%, 93.7%
CMYK 0.65, 0.44, 0, 0.06
HSL 220.4°, 83%, 63.1%
HSV (ou HSB) 220.4°, 65.3%, 93.7%
RYB 32.5, 47.8, 93.7
Formato Cor
XYZ 29.8, 27.8, 86.5
CIELab 59.69, 13.25, -54.7
Decimal 5474031
Yxy 25.1185, 0.2007, 0.1823
YUV 130.721, 189.1055, 93.9622
CIELuv 57.1907, -22.3395, -93.3639
Web Safe 3366CC

Distribuição de #5386ef

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.

#5386ef

#5386ef
rgb(83,134,239)

#efbc54

#efbc54
rgb(239,188,84)

Cores triadicas

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

#ef5487

#ef5487
rgb(239,84,135)

#5386ef

#5386ef
rgb(83,134,239)

#87ef54

#87ef54
rgb(135,239,84)

Cores tetrádicas

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

#ef54d5

#ef54d5
rgb(239,84,213)

#5386ef

#5386ef
rgb(83,134,239)

#efbc54

#efbc54
rgb(239,188,84)

#54ef6e

#54ef6e
rgb(84,239,110)

Cores monocromáticas

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

#5386ef

#5386ef
rgb(83,134,239)

#bccdef

#bccdef
rgb(188,205,239)

#b9cbef

#b9cbef
rgb(185,203,239)

#b7c9ef

#b7c9ef
rgb(183,201,239)

#b5c8ef

#b5c8ef
rgb(181,200,239)

#b2c6ef

#b2c6ef
rgb(178,198,239)

Tons e Matizes de #5386ef

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

Matiz (adicionando branco)
#5386ef

#5386ef
rgb(83,134,239)

#759ef2

#759ef2
rgb(117,158,242)

#97b6f5

#97b6f5
rgb(151,182,245)

#bacef8

#bacef8
rgb(186,206,248)

#dce6fb

#dce6fb
rgb(220,230,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5386ef

#5386ef
rgb(83,134,239)

#426bbf

#426bbf
rgb(66,107,191)

#31508f

#31508f
rgb(49,80,143)

#21355f

#21355f
rgb(33,53,95)

#101a2f

#101a2f
rgb(16,26,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5386ef

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

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

Contraste

Branco e #5386ef
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 #5386ef
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 #5386ef

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

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

Este parágrafo tem fundo de cor #5386ef.

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

Este elemento tem uma cor de borda de #5386ef.

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

Cores alietórias

#e91109

#e91109
rgb(233,17,9)

#4b5327

#4b5327
rgb(75,83,39)

#d6bc2a

#d6bc2a
rgb(214,188,42)

#a3967a

#a3967a
rgb(163,150,122)

#949cc6

#949cc6
rgb(148,156,198)

#931f76

#931f76
rgb(147,31,118)

#b00d8c

#b00d8c
rgb(176,13,140)

#b13a0b

#b13a0b
rgb(177,58,11)

#454e09

#454e09
rgb(69,78,9)

#116d3f

#116d3f
rgb(17,109,63)

#c3cf89

#c3cf89
rgb(195,207,137)

#a2ed62

#a2ed62
rgb(162,237,98)