Informação da cor #1f40cc

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

No padrão de cores CMYK, é composto por 84.8% de ciano, 68.6% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 228.6 graus, uma saturação de 73.6% e uma leveza de 46.1%.

A cor mais próxima WebSafe é 0033CC.

Conversões de #1f40cc 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 1f40cc
RGB 31, 64, 204
RGB Percentagem 12.2%, 25.1%, 80%
CMYK 0.85, 0.69, 0, 0.2
HSL 228.6°, 73.6%, 46.1%
HSV (ou HSB) 228.6°, 84.8%, 80%
RYB 12.2, 23.1, 80
Formato Cor
XYZ 14.5, 9.7, 60.7
CIELab 37.23, 37.89, -72.81
Decimal 2048204
Yxy 8.3161, 0.1669, 0.1044
YUV 70.093, 203.5683, 100.1163
CIELuv 34.6327, -12.3625, -102.886
Web Safe 0033CC

Distribuição de #1f40cc

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.

#1f40cc

#1f40cc
rgb(31,64,204)

#ccab20

#ccab20
rgb(204,171,32)

Cores triadicas

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

#cc2041

#cc2041
rgb(204,32,65)

#1f40cc

#1f40cc
rgb(31,64,204)

#41cc20

#41cc20
rgb(65,204,32)

Cores tetrádicas

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

#cc2097

#cc2097
rgb(204,32,151)

#1f40cc

#1f40cc
rgb(31,64,204)

#ccab20

#ccab20
rgb(204,171,32)

#20cc55

#20cc55
rgb(32,204,85)

Cores monocromáticas

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

#1f40cc

#1f40cc
rgb(31,64,204)

#a0a8cc

#a0a8cc
rgb(160,168,204)

#9ea7cc

#9ea7cc
rgb(158,167,204)

#9ca5cc

#9ca5cc
rgb(156,165,204)

#9aa3cc

#9aa3cc
rgb(154,163,204)

#98a2cc

#98a2cc
rgb(152,162,204)

Tons e Matizes de #1f40cc

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

Matiz (adicionando branco)
#1f40cc

#1f40cc
rgb(31,64,204)

#4b66d6

#4b66d6
rgb(75,102,214)

#788ce0

#788ce0
rgb(120,140,224)

#a5b2ea

#a5b2ea
rgb(165,178,234)

#d2d8f4

#d2d8f4
rgb(210,216,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1f40cc

#1f40cc
rgb(31,64,204)

#1833a3

#1833a3
rgb(24,51,163)

#12267a

#12267a
rgb(18,38,122)

#0c1951

#0c1951
rgb(12,25,81)

#060c28

#060c28
rgb(6,12,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1f40cc

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#de959c

#de959c
rgb(222,149,156)

#623bc6

#623bc6
rgb(98,59,198)

#ad11f9

#ad11f9
rgb(173,17,249)

#d664cf

#d664cf
rgb(214,100,207)

#ed0ab4

#ed0ab4
rgb(237,10,180)

#69fdf7

#69fdf7
rgb(105,253,247)

#9514f7

#9514f7
rgb(149,20,247)

#ecb681

#ecb681
rgb(236,182,129)

#7e0491

#7e0491
rgb(126,4,145)

#397343

#397343
rgb(57,115,67)

#81dc76

#81dc76
rgb(129,220,118)

#dd88bd

#dd88bd
rgb(221,136,189)