Informação da cor #1f32d2

A cor hexadecimal 1f32d2 no modelo de cores RGB (Red, Green, Blue), é um composta por 31 de vermelho, 50 de verde e 210 de azul.

No padrão de cores CMYK, é composto por 85.2% de ciano, 76.2% de magenta, 0% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 233.6 graus, uma saturação de 74.3% e uma leveza de 47.3%.

A cor mais próxima WebSafe é 0000CC.

Conversões de #1f32d2 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 1f32d2
RGB 31, 50, 210
RGB Percentagem 12.2%, 19.6%, 82.4%
CMYK 0.85, 0.76, 0, 0.18
HSL 233.6°, 74.3%, 47.3%
HSV (ou HSB) 233.6°, 85.2%, 82.4%
RYB 12.2, 19.2, 82.4
Formato Cor
XYZ 14.4, 8.3, 64.1
CIELab 34.57, 48.56, -80.42
Decimal 2044626
Yxy 7.224, 0.1622, 0.0879
YUV 62.559, 211.206, 105.4901
CIELuv 32.3115, -10.04, -107.6655
Web Safe 0000CC

Distribuição de #1f32d2

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.

#1f32d2

#1f32d2
rgb(31,50,210)

#d2c020

#d2c020
rgb(210,192,32)

Cores triadicas

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

#d22032

#d22032
rgb(210,32,50)

#1f32d2

#1f32d2
rgb(31,50,210)

#32d220

#32d220
rgb(50,210,32)

Cores tetrádicas

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

#d2208c

#d2208c
rgb(210,32,140)

#1f32d2

#1f32d2
rgb(31,50,210)

#d2c020

#d2c020
rgb(210,192,32)

#20d266

#20d266
rgb(32,210,102)

Cores monocromáticas

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

#1f32d2

#1f32d2
rgb(31,50,210)

#a5a9d2

#a5a9d2
rgb(165,169,210)

#a3a8d2

#a3a8d2
rgb(163,168,210)

#a0a6d2

#a0a6d2
rgb(160,166,210)

#9ea4d2

#9ea4d2
rgb(158,164,210)

#9ca2d2

#9ca2d2
rgb(156,162,210)

Tons e Matizes de #1f32d2

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

Matiz (adicionando branco)
#1f32d2

#1f32d2
rgb(31,50,210)

#4b5bdb

#4b5bdb
rgb(75,91,219)

#7884e4

#7884e4
rgb(120,132,228)

#a5aded

#a5aded
rgb(165,173,237)

#d2d6f6

#d2d6f6
rgb(210,214,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1f32d2

#1f32d2
rgb(31,50,210)

#1828a8

#1828a8
rgb(24,40,168)

#121e7e

#121e7e
rgb(18,30,126)

#0c1353

#0c1353
rgb(12,19,83)

#060929

#060929
rgb(6,9,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1f32d2

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#ee4a6d

#ee4a6d
rgb(238,74,109)

#e3f8d5

#e3f8d5
rgb(227,248,213)

#b2c0cd

#b2c0cd
rgb(178,192,205)

#3d95b5

#3d95b5
rgb(61,149,181)

#03b27d

#03b27d
rgb(3,178,125)

#a20d8e

#a20d8e
rgb(162,13,142)

#afed69

#afed69
rgb(175,237,105)

#e96c21

#e96c21
rgb(233,108,33)

#48958e

#48958e
rgb(72,149,142)

#259772

#259772
rgb(37,151,114)

#41a8b4

#41a8b4
rgb(65,168,180)

#6f3424

#6f3424
rgb(111,52,36)