Informação da cor #1e87f1

A cor hexadecimal 1e87f1 no modelo de cores RGB (Red, Green, Blue), é um composta por 30 de vermelho, 135 de verde e 241 de azul.

No padrão de cores CMYK, é composto por 87.6% de ciano, 44% de magenta, 0% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 210.1 graus, uma saturação de 88.3% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #1e87f1 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 1e87f1
RGB 30, 135, 241
RGB Percentagem 11.8%, 52.9%, 94.5%
CMYK 0.88, 0.44, 0, 0.05
HSL 210.1°, 88.3%, 53.1%
HSV (ou HSB) 210.1°, 87.6%, 94.5%
RYB 11.8, 39.6, 94.5
Formato Cor
XYZ 26.6, 26.3, 87.8
CIELab 58.34, 6.5, -57.97
Decimal 2000881
Yxy 23.9516, 0.185, 0.1767
YUV 115.689, 198.7173, 66.8809
CIELuv 56.0393, -30.6609, -97.2811
Web Safe 0066CC

Distribuição de #1e87f1

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.

#1e87f1

#1e87f1
rgb(30,135,241)

#f1891e

#f1891e
rgb(241,137,30)

Cores triadicas

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

#f11e87

#f11e87
rgb(241,30,135)

#1e87f1

#1e87f1
rgb(30,135,241)

#87f11e

#87f11e
rgb(135,241,30)

Cores tetrádicas

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

#f11ef1

#f11ef1
rgb(241,30,241)

#1e87f1

#1e87f1
rgb(30,135,241)

#f1891e

#f1891e
rgb(241,137,30)

#1ef11f

#1ef11f
rgb(30,241,31)

Cores monocromáticas

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

#1e87f1

#1e87f1
rgb(30,135,241)

#bdd7f1

#bdd7f1
rgb(189,215,241)

#bad6f1

#bad6f1
rgb(186,214,241)

#b8d5f1

#b8d5f1
rgb(184,213,241)

#b6d3f1

#b6d3f1
rgb(182,211,241)

#b3d2f1

#b3d2f1
rgb(179,210,241)

Tons e Matizes de #1e87f1

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

Matiz (adicionando branco)
#1e87f1

#1e87f1
rgb(30,135,241)

#4b9ff3

#4b9ff3
rgb(75,159,243)

#78b7f6

#78b7f6
rgb(120,183,246)

#a5cff9

#a5cff9
rgb(165,207,249)

#d2e7fc

#d2e7fc
rgb(210,231,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1e87f1

#1e87f1
rgb(30,135,241)

#186cc0

#186cc0
rgb(24,108,192)

#125190

#125190
rgb(18,81,144)

#0b3560

#0b3560
rgb(11,53,96)

#051a30

#051a30
rgb(5,26,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1e87f1

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

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

Contraste

Branco e #1e87f1
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 #1e87f1
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 #1e87f1

Este exemplo mostra como o texto na cor #1e87f1 se parece.

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

Este parágrafo tem fundo de cor #1e87f1.

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

Este elemento tem uma cor de borda de #1e87f1.

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

Cores alietórias

#fb6862

#fb6862
rgb(251,104,98)

#7fb6ee

#7fb6ee
rgb(127,182,238)

#7f57ae

#7f57ae
rgb(127,87,174)

#7650a4

#7650a4
rgb(118,80,164)

#ebd047

#ebd047
rgb(235,208,71)

#a0e112

#a0e112
rgb(160,225,18)

#1ba114

#1ba114
rgb(27,161,20)

#661308

#661308
rgb(102,19,8)

#ae8c1a

#ae8c1a
rgb(174,140,26)

#d16216

#d16216
rgb(209,98,22)

#1a49a0

#1a49a0
rgb(26,73,160)

#597ede

#597ede
rgb(89,126,222)