Informação da cor #1677ed

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

No padrão de cores CMYK, é composto por 90.7% de ciano, 49.8% de magenta, 0% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 212.9 graus, uma saturação de 85.7% e uma leveza de 50.8%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #1677ed 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 1677ed
RGB 22, 119, 237
RGB Percentagem 8.6%, 46.7%, 92.9%
CMYK 0.91, 0.5, 0, 0.07
HSL 212.9°, 85.7%, 50.8%
HSV (ou HSB) 212.9°, 90.7%, 92.9%
RYB 8.6, 34.9, 92.9
Formato Cor
XYZ 23.6, 21.6, 84.2
CIELab 53.65, 14.01, -63.46
Decimal 1472493
Yxy 19.4757, 0.1786, 0.1566
YUV 103.449, 203.3674, 69.9052
CIELuv 51.2392, -26.5738, -104.3675
Web Safe 0066CC

Distribuição de #1677ed

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.

#1677ed

#1677ed
rgb(22,119,237)

#ed8d16

#ed8d16
rgb(237,141,22)

Cores triadicas

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

#ed1677

#ed1677
rgb(237,22,119)

#1677ed

#1677ed
rgb(22,119,237)

#77ed16

#77ed16
rgb(119,237,22)

Cores tetrádicas

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

#ed16e3

#ed16e3
rgb(237,22,227)

#1677ed

#1677ed
rgb(22,119,237)

#ed8d16

#ed8d16
rgb(237,141,22)

#16ed21

#16ed21
rgb(22,237,33)

Cores monocromáticas

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

#1677ed

#1677ed
rgb(22,119,237)

#bad1ed

#bad1ed
rgb(186,209,237)

#b7d0ed

#b7d0ed
rgb(183,208,237)

#b5ceed

#b5ceed
rgb(181,206,237)

#b2cded

#b2cded
rgb(178,205,237)

#b0cced

#b0cced
rgb(176,204,237)

Tons e Matizes de #1677ed

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

Matiz (adicionando branco)
#1677ed

#1677ed
rgb(22,119,237)

#4492f0

#4492f0
rgb(68,146,240)

#73adf4

#73adf4
rgb(115,173,244)

#a1c8f7

#a1c8f7
rgb(161,200,247)

#d0e3fb

#d0e3fb
rgb(208,227,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1677ed

#1677ed
rgb(22,119,237)

#115fbd

#115fbd
rgb(17,95,189)

#0d478e

#0d478e
rgb(13,71,142)

#082f5e

#082f5e
rgb(8,47,94)

#04172f

#04172f
rgb(4,23,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1677ed

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e7de42

#e7de42
rgb(231,222,66)

#af076c

#af076c
rgb(175,7,108)

#4782dd

#4782dd
rgb(71,130,221)

#ced7d7

#ced7d7
rgb(206,215,215)

#788c16

#788c16
rgb(120,140,22)

#958dea

#958dea
rgb(149,141,234)

#4d0075

#4d0075
rgb(77,0,117)

#cb33fd

#cb33fd
rgb(203,51,253)

#34bdee

#34bdee
rgb(52,189,238)

#3ab6c8

#3ab6c8
rgb(58,182,200)

#592f35

#592f35
rgb(89,47,53)

#eacb4d

#eacb4d
rgb(234,203,77)