#2d1d8d

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

Informação da cor #2d1d8d

Sobre esta cor

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

Vermelho 45
Verde 29
Azul 141

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

Possui um ângulo de matiz de 248.6°, uma saturação de 65.9% e uma luminosidade de 33.3%.

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

Conversões de Cores

Hexadecimal
2d1d8d
RGB
45, 29, 141
17.6%, 11.4%, 55.3%
HSL
248.6°, 65.9%, 33.3%
HSV (HSB)
248.6°, 79.4%, 55.3%
CMYK
0.68, 0.79, 0, 0.45
Web Safe
000066
RYB
17.6, 11.4, 55.3
CIELab
24.23, 40.75, -58.64
XYZ
7.5, 4.2, 28.6
Decimal
2956685
Yxy
3.3592, 0.1798, 0.0954
YUV
46.552, 181.3002, 126.8931
CIELuv
21.4285, -2.1948, -67.2573

Distribuição de #2d1d8d

A cor #2d1d8d é 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) 17.6%
Verde (Green) 11.4%
Azul (Blue) 55.3%
CMYK
Ciano (Cyan) 68.1%
Magenta 79.4%
Amarelo (Yellow) 0%
Preto (Key) 44.7%
RYB
Vermelho (Red) 17.6%
Amarelo (Yellow) 11.4%
Azul (Blue) 55.3%
CMY
Ciano (Cyan) 82.4%
Magenta 88.6%
Amarelo (Yellow) 44.7%

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.

#2d1d8d
#7e8d1d

Cores Triádicas

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

#8d2d1d
#2d1d8d
#1d8d2d

Cores Tetrádicas

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

#8d1d46
#2d1d8d
#7e8d1d
#1d8d65

Cores Monocromáticas

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

#2d1d8d
#736f8d
#726d8d
#716c8d
#706b8d
#6e698d

Tons e Matizes de #2d1d8d

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)

#2d1d8d
#574aa3
#8177ba
#aba4d1
#d5d1e8
#ffffff

Sombra (Adicionando Preto)

#2d1d8d
#241770
#1b1154
#110b38
#08051c
#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 #2d1d8d 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 #2d1d8d 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 #2d1d8d sobre um fundo preto.

Texto sobre Fundo #2d1d8d

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 #2d1d8d 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 #2d1d8d em seus projetos web.

Cor do Texto

Este texto está usando a cor #2d1d8d.

.text-primary {
  color: #2d1d8d;
}
Cor de Fundo

Este elemento tem fundo #2d1d8d.

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

Cores Aleatórias

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

#ef841a
#a4fa92
#1cb816
#84e347
#54903e
#e11caf
#eb6b50
#e845ab
#513a17
#b5fb3d
#047ba7
#d84962