#1d044a

Detalhes completos, conversões e esquemas para esta cor.

Informação da cor #1d044a

Sobre esta cor

A cor hexadecimal #1d044a é uma representação no modelo RGB composta por:

Vermelho 29
Verde 4
Azul 74

No espaço de cor CMYK (usado para impressão), é composta por 60.8% Ciano, 94.6% Magenta, 0% Amarelo e 71% Preto.

Possui um ângulo de matiz de 261.4°, uma saturação de 89.7% e uma luminosidade de 15.3%.

Para ser mais WebSafe, a cor mais próxima é 000033.

Conversões de Cores

Hexadecimal
1d044a
RGB
29, 4, 74
11.4%, 1.6%, 29%
HSL
261.4°, 89.7%, 15.3%
HSV (HSB)
261.4°, 94.6%, 29%
CMYK
0.61, 0.95, 0, 0.71
Web Safe
000033
RYB
11.4, 1.6, 29
CIELab
9.66, 34.45, -40.18
XYZ
2.3, 1.1, 8.2
Decimal
1901642
Yxy
0.8424, 0.1947, 0.0918
YUV
19.455, 158.7816, 134.8082
CIELuv
7.6091, 1.1762, -24.3081

Distribuição de #1d044a

A cor #1d044a é composta por diferentes quantidades de vermelho, verde e azul (RGB), ou ciano, magenta, amarelo e preto (CMYK). Veja abaixo a distribuição percentual em cada modelo.

RGB
Vermelho (Red) 11.4%
Verde (Green) 1.6%
Azul (Blue) 29%
CMYK
Ciano (Cyan) 60.8%
Magenta 94.6%
Amarelo (Yellow) 0%
Preto (Key) 71%
RYB
Vermelho (Red) 11.4%
Amarelo (Yellow) 1.6%
Azul (Blue) 29%
CMY
Ciano (Cyan) 88.6%
Magenta 98.4%
Amarelo (Yellow) 71%

Harmonia de Cores

Descubra combinações de cores harmoniosas baseadas na teoria das cores. Estas paletas podem ajudar a criar designs equilibrados e visualmente agradáveis.

Cores Complementares

Combinação de cores opostas no círculo cromático (180º). Criam alto contraste e impacto visual.

#1d044a
#314a05

Cores Triádicas

Três cores equidistantes no círculo cromático. Oferecem um equilíbrio vibrante entre contraste e harmonia.

#4a1e05
#1d044a
#054a1e

Cores Tetrádicas

Dois pares de cores complementares. Esta harmonia rica oferece muitas possibilidades de variação.

#4a050e
#1d044a
#314a05
#054a41

Cores Monocromáticas

Variações de luminosidade e saturação da mesma cor base. Cria um visual coeso, elegante e suave.

#1d044a
#403a4a
#403a4a
#3f394a
#3f384a
#3e374a

Tons e Matizes de #1d044a

Explore as variações de luminosidade da cor. Matizes (Tints) são criados adicionando branco, enquanto Sombras (Shades) são obtidas adicionando preto.

Matiz (Adicionando Branco)

#1d044a
#4a366e
#776892
#a49ab6
#d1ccda
#ffffff

Sombra (Adicionando Preto)

#1d044a
#17033b
#11022c
#0b011d
#05000e
#000000
Quer criar gradientes incríveis?

Use estas cores para criar transições suaves em seus projetos web.

Experimentar Gerador de Gradiente

Pré-visualização

Veja como a cor #1d044a se comporta em diferentes contextos, como fundos claros, escuros e como cor de texto.

Cor em Fundo Branco

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #1d044a sobre um fundo branco.

Cor em Fundo Preto

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #1d044a sobre um fundo preto.

Texto sobre Fundo #1d044a

Texto Branco

Exemplo de texto branco sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Texto Preto

Exemplo de texto preto sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Contraste (WCAG)

Verifique a acessibilidade da cor #1d044a como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Texto Branco

Exemplo
Texto Grande
WCAG AA
✓ Conforme
Texto Normal
WCAG AA
✓ Conforme
Texto Grande
WCAG AAA
✓ Conforme
Texto Normal
WCAG AAA
✓ Conforme

Texto Preto

Exemplo
Texto Grande
WCAG AA
X Não conforme
Texto Normal
WCAG AA
X Não conforme
Texto Grande
WCAG AAA
X Não conforme
Texto Normal
WCAG AAA
X Não conforme

Exemplos CSS

Copie e cole estes snippets CSS para usar a cor #1d044a em seus projetos web.

Cor do Texto

Este texto está usando a cor #1d044a.

.text-primary {
  color: #1d044a;
}
Cor de Fundo

Este elemento tem fundo #1d044a.

.bg-primary {
  background-color: #1d044a;
}
Cor da Borda
Este elemento tem borda #1d044a.
.border-primary {
  border: 1px solid #1d044a;
}
Estilos Inline (HTML)
Para Texto:
<span style="color:#1d044a;">Texto</span>
Para Fundo:
<div style="background-color:#1d044a;">...</div>

Cores Aleatórias

Inspire-se com esta seleção de cores aleatórias. Clique em qualquer cor para ver seus detalhes completos.

#d42172
#e5a872
#0dde9e
#605b73
#1e2e1c
#1b1217
#813d51
#1d507b
#03c55b
#f4476e
#0bf190
#8f3aae