Informação da cor #4980ed

A cor hexadecimal 4980ed no modelo de cores RGB (Red, Green, Blue), é um composta por 73 de vermelho, 128 de verde e 237 de azul.

No padrão de cores CMYK, é composto por 69.2% de ciano, 46% de magenta, 0% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 219.9 graus, uma saturação de 82% e uma leveza de 60.8%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #4980ed 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 4980ed
RGB 73, 128, 237
RGB Percentagem 28.6%, 50.2%, 92.9%
CMYK 0.69, 0.46, 0, 0.07
HSL 219.9°, 82%, 60.8%
HSV (ou HSB) 219.9°, 69.2%, 92.9%
RYB 28.6, 45.1, 92.9
Formato Cor
XYZ 27.7, 25.5, 84.7
CIELab 57.58, 14.41, -57.08
Decimal 4817133
Yxy 22.9666, 0.1952, 0.1741
YUV 123.981, 191.7805, 91.637
CIELuv 55.0379, -22.6598, -96.4743
Web Safe 3366CC

Distribuição de #4980ed

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.

#4980ed

#4980ed
rgb(73,128,237)

#edb74a

#edb74a
rgb(237,183,74)

Cores triadicas

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

#ed4a80

#ed4a80
rgb(237,74,128)

#4980ed

#4980ed
rgb(73,128,237)

#80ed4a

#80ed4a
rgb(128,237,74)

Cores tetrádicas

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

#ed4ad2

#ed4ad2
rgb(237,74,210)

#4980ed

#4980ed
rgb(73,128,237)

#edb74a

#edb74a
rgb(237,183,74)

#4aed65

#4aed65
rgb(74,237,101)

Cores monocromáticas

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

#4980ed

#4980ed
rgb(73,128,237)

#bacbed

#bacbed
rgb(186,203,237)

#b8caed

#b8caed
rgb(184,202,237)

#b5c8ed

#b5c8ed
rgb(181,200,237)

#b3c7ed

#b3c7ed
rgb(179,199,237)

#b1c5ed

#b1c5ed
rgb(177,197,237)

Tons e Matizes de #4980ed

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

Matiz (adicionando branco)
#4980ed

#4980ed
rgb(73,128,237)

#6d99f0

#6d99f0
rgb(109,153,240)

#91b2f4

#91b2f4
rgb(145,178,244)

#b6ccf7

#b6ccf7
rgb(182,204,247)

#dae5fb

#dae5fb
rgb(218,229,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4980ed

#4980ed
rgb(73,128,237)

#3a66bd

#3a66bd
rgb(58,102,189)

#2b4c8e

#2b4c8e
rgb(43,76,142)

#1d335e

#1d335e
rgb(29,51,94)

#0e192f

#0e192f
rgb(14,25,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4980ed

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

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

Contraste

Branco e #4980ed
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 #4980ed
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 #4980ed

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

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

Este parágrafo tem fundo de cor #4980ed.

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

Este elemento tem uma cor de borda de #4980ed.

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

Cores alietórias

#ebab49

#ebab49
rgb(235,171,73)

#393b8d

#393b8d
rgb(57,59,141)

#3fe49a

#3fe49a
rgb(63,228,154)

#fd3018

#fd3018
rgb(253,48,24)

#2ef1eb

#2ef1eb
rgb(46,241,235)

#306ce1

#306ce1
rgb(48,108,225)

#b51005

#b51005
rgb(181,16,5)

#ce0e1d

#ce0e1d
rgb(206,14,29)

#bd815d

#bd815d
rgb(189,129,93)

#75f957

#75f957
rgb(117,249,87)

#710eb1

#710eb1
rgb(113,14,177)

#5ad60b

#5ad60b
rgb(90,214,11)