Informação da cor #1d4e75

A cor hexadecimal 1d4e75 no modelo de cores RGB (Red, Green, Blue), é um composta por 29 de vermelho, 78 de verde e 117 de azul.

No padrão de cores CMYK, é composto por 75.2% de ciano, 33.3% de magenta, 0% de amarelo e 54.1% de preto. Tem um ângulo de matiz de 206.6 graus, uma saturação de 60.3% e uma leveza de 28.6%.

A cor mais próxima WebSafe é 003366.

Conversões de #1d4e75 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 1d4e75
RGB 29, 78, 117
RGB Percentagem 11.4%, 30.6%, 45.9%
CMYK 0.75, 0.33, 0, 0.54
HSL 206.6°, 60.3%, 28.6%
HSV (ou HSB) 206.6°, 75.2%, 45.9%
RYB 11.4, 23.9, 45.9
Formato Cor
XYZ 7.8, 8.6, 20.7
CIELab 35.23, -3.39, -26.64
Decimal 1920629
Yxy 6.9936, 0.206, 0.2236
YUV 67.795, 155.7681, 100.3288
CIELuv 31.7924, -17.1781, -35.7631
Web Safe 003366

Distribuição de #1d4e75

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.

#1d4e75

#1d4e75
rgb(29,78,117)

#75451d

#75451d
rgb(117,69,29)

Cores triadicas

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

#751d4e

#751d4e
rgb(117,29,78)

#1d4e75

#1d4e75
rgb(29,78,117)

#4e751d

#4e751d
rgb(78,117,29)

Cores tetrádicas

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

#711d75

#711d75
rgb(113,29,117)

#1d4e75

#1d4e75
rgb(29,78,117)

#75451d

#75451d
rgb(117,69,29)

#22751d

#22751d
rgb(34,117,29)

Cores monocromáticas

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

#1d4e75

#1d4e75
rgb(29,78,117)

#5c6a75

#5c6a75
rgb(92,106,117)

#5b6a75

#5b6a75
rgb(91,106,117)

#5a6975

#5a6975
rgb(90,105,117)

#596975

#596975
rgb(89,105,117)

#576875

#576875
rgb(87,104,117)

Tons e Matizes de #1d4e75

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

Matiz (adicionando branco)
#1d4e75

#1d4e75
rgb(29,78,117)

#4a7190

#4a7190
rgb(74,113,144)

#7794ac

#7794ac
rgb(119,148,172)

#a4b8c7

#a4b8c7
rgb(164,184,199)

#d1dbe3

#d1dbe3
rgb(209,219,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1d4e75

#1d4e75
rgb(29,78,117)

#173e5d

#173e5d
rgb(23,62,93)

#112e46

#112e46
rgb(17,46,70)

#0b1f2e

#0b1f2e
rgb(11,31,46)

#050f17

#050f17
rgb(5,15,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1d4e75

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#342b17

#342b17
rgb(52,43,23)

#69555d

#69555d
rgb(105,85,93)

#4475d4

#4475d4
rgb(68,117,212)

#a3792e

#a3792e
rgb(163,121,46)

#e1f810

#e1f810
rgb(225,248,16)

#f65a38

#f65a38
rgb(246,90,56)

#939acc

#939acc
rgb(147,154,204)

#f3f6c7

#f3f6c7
rgb(243,246,199)

#0ba2c7

#0ba2c7
rgb(11,162,199)

#6a5285

#6a5285
rgb(106,82,133)

#ac52b3

#ac52b3
rgb(172,82,179)

#b0e6a4

#b0e6a4
rgb(176,230,164)