Informação da cor #1c31e3

A cor hexadecimal 1c31e3 no modelo de cores RGB (Red, Green, Blue), é um composta por 28 de vermelho, 49 de verde e 227 de azul.

No padrão de cores CMYK, é composto por 87.7% de ciano, 78.4% de magenta, 0% de amarelo e 11% de preto. Tem um ângulo de matiz de 233.7 graus, uma saturação de 78% e uma leveza de 50%.

A cor mais próxima WebSafe é 0000CC.

Conversões de #1c31e3 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 1c31e3
RGB 28, 49, 227
RGB Percentagem 11%, 19.2%, 89%
CMYK 0.88, 0.78, 0, 0.11
HSL 233.7°, 78%, 50%
HSV (ou HSB) 233.7°, 87.7%, 89%
RYB 11, 18.4, 89
Formato Cor
XYZ 16.3, 9, 75.2
CIELab 35.91, 54.22, -87.24
Decimal 1847779
Yxy 7.9876, 0.1595, 0.0825
YUV 63.013, 220.5435, 103.0265
CIELuv 33.957, -10.6372, -117.4533
Web Safe 0000CC

Distribuição de #1c31e3

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.

#1c31e3

#1c31e3
rgb(28,49,227)

#e3ce1c

#e3ce1c
rgb(227,206,28)

Cores triadicas

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

#e31c32

#e31c32
rgb(227,28,50)

#1c31e3

#1c31e3
rgb(28,49,227)

#32e31c

#32e31c
rgb(50,227,28)

Cores tetrádicas

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

#e31c95

#e31c95
rgb(227,28,149)

#1c31e3

#1c31e3
rgb(28,49,227)

#e3ce1c

#e3ce1c
rgb(227,206,28)

#1ce36b

#1ce36b
rgb(28,227,107)

Cores monocromáticas

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

#1c31e3

#1c31e3
rgb(28,49,227)

#b2b7e3

#b2b7e3
rgb(178,183,227)

#b0b5e3

#b0b5e3
rgb(176,181,227)

#adb3e3

#adb3e3
rgb(173,179,227)

#abb1e3

#abb1e3
rgb(171,177,227)

#a9afe3

#a9afe3
rgb(169,175,227)

Tons e Matizes de #1c31e3

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

Matiz (adicionando branco)
#1c31e3

#1c31e3
rgb(28,49,227)

#495ae8

#495ae8
rgb(73,90,232)

#7683ee

#7683ee
rgb(118,131,238)

#a4acf3

#a4acf3
rgb(164,172,243)

#d1d5f9

#d1d5f9
rgb(209,213,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1c31e3

#1c31e3
rgb(28,49,227)

#1627b5

#1627b5
rgb(22,39,181)

#101d88

#101d88
rgb(16,29,136)

#0b135a

#0b135a
rgb(11,19,90)

#05092d

#05092d
rgb(5,9,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1c31e3

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

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

Contraste

Branco e #1c31e3
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #1c31e3
Texto grande WCAG AA X Não 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.

Exemplos CSS

Texto com cor hexadecimal #1c31e3

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

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

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

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

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

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

Cores alietórias

#2de35e

#2de35e
rgb(45,227,94)

#c1d88f

#c1d88f
rgb(193,216,143)

#49459e

#49459e
rgb(73,69,158)

#1a1deb

#1a1deb
rgb(26,29,235)

#e9d112

#e9d112
rgb(233,209,18)

#7786ee

#7786ee
rgb(119,134,238)

#8788f3

#8788f3
rgb(135,136,243)

#62cb43

#62cb43
rgb(98,203,67)

#7437ea

#7437ea
rgb(116,55,234)

#08c266

#08c266
rgb(8,194,102)

#d3f0f6

#d3f0f6
rgb(211,240,246)

#dd842c

#dd842c
rgb(221,132,44)