Informação da cor #518fcc

A cor hexadecimal 518fcc no modelo de cores RGB (Red, Green, Blue), é um composta por 81 de vermelho, 143 de verde e 204 de azul.

No padrão de cores CMYK, é composto por 60.3% de ciano, 29.9% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 209.8 graus, uma saturação de 54.7% e uma leveza de 55.9%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #518fcc 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 518fcc
RGB 81, 143, 204
RGB Percentagem 31.8%, 56.1%, 80%
CMYK 0.6, 0.3, 0, 0.2
HSL 209.8°, 54.7%, 55.9%
HSV (ou HSB) 209.8°, 60.3%, 80%
RYB 31.8, 48.2, 80
Formato Cor
XYZ 26.5, 28.6, 63.7
CIELab 60.41, -2.77, -35.52
Decimal 5345228
Yxy 25.7517, 0.2178, 0.2327
YUV 131.416, 168.9616, 92.04
CIELuv 57.8006, -26.4169, -58.1515
Web Safe 3366CC

Distribuição de #518fcc

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.

#518fcc

#518fcc
rgb(81,143,204)

#cc8f51

#cc8f51
rgb(204,143,81)

Cores triadicas

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

#cc518f

#cc518f
rgb(204,81,143)

#518fcc

#518fcc
rgb(81,143,204)

#8fcc51

#8fcc51
rgb(143,204,81)

Cores tetrádicas

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

#cc51cc

#cc51cc
rgb(204,81,204)

#518fcc

#518fcc
rgb(81,143,204)

#cc8f51

#cc8f51
rgb(204,143,81)

#52cc51

#52cc51
rgb(82,204,81)

Cores monocromáticas

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

#518fcc

#518fcc
rgb(81,143,204)

#a0b7cc

#a0b7cc
rgb(160,183,204)

#9eb6cc

#9eb6cc
rgb(158,182,204)

#9cb5cc

#9cb5cc
rgb(156,181,204)

#9ab4cc

#9ab4cc
rgb(154,180,204)

#98b3cc

#98b3cc
rgb(152,179,204)

Tons e Matizes de #518fcc

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

Matiz (adicionando branco)
#518fcc

#518fcc
rgb(81,143,204)

#73a5d6

#73a5d6
rgb(115,165,214)

#96bbe0

#96bbe0
rgb(150,187,224)

#b9d2ea

#b9d2ea
rgb(185,210,234)

#dce8f4

#dce8f4
rgb(220,232,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#518fcc

#518fcc
rgb(81,143,204)

#4072a3

#4072a3
rgb(64,114,163)

#30557a

#30557a
rgb(48,85,122)

#203951

#203951
rgb(32,57,81)

#101c28

#101c28
rgb(16,28,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #518fcc

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

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

Contraste

Branco e #518fcc
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 #518fcc
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 #518fcc

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

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

Este parágrafo tem fundo de cor #518fcc.

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

Este elemento tem uma cor de borda de #518fcc.

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

Cores alietórias

#ceaf6b

#ceaf6b
rgb(206,175,107)

#a8a5a5

#a8a5a5
rgb(168,165,165)

#4f6f49

#4f6f49
rgb(79,111,73)

#5c1768

#5c1768
rgb(92,23,104)

#315eea

#315eea
rgb(49,94,234)

#3727f3

#3727f3
rgb(55,39,243)

#fad736

#fad736
rgb(250,215,54)

#4c59dd

#4c59dd
rgb(76,89,221)

#878802

#878802
rgb(135,136,2)

#01be60

#01be60
rgb(1,190,96)

#4a2015

#4a2015
rgb(74,32,21)

#4ccf3c

#4ccf3c
rgb(76,207,60)