#841bcd

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

Informação da cor #841bcd

Sobre esta cor

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

Vermelho 132
Verde 27
Azul 205

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

Possui um ângulo de matiz de 275.4°, uma saturação de 76.7% e uma luminosidade de 45.5%.

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

Conversões de Cores

Hexadecimal
841bcd
RGB
132, 27, 205
51.8%, 10.6%, 80.4%
HSL
275.4°, 76.7%, 45.5%
HSV (HSB)
275.4°, 86.8%, 80.4%
CMYK
0.36, 0.87, 0, 0.2
Web Safe
6600CC
RYB
51.8, 10.6, 80.4
CIELab
40.04, 69.12, -68.38
XYZ
22.8, 11.3, 61.2
Decimal
8657869
Yxy
10.0973, 0.2335, 0.1127
YUV
78.687, 199.2827, 166.0265
CIELuv
38.0165, 21.0343, -102.4607

Distribuição de #841bcd

A cor #841bcd é 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) 51.8%
Verde (Green) 10.6%
Azul (Blue) 80.4%
CMYK
Ciano (Cyan) 35.6%
Magenta 86.8%
Amarelo (Yellow) 0%
Preto (Key) 19.6%
RYB
Vermelho (Red) 51.8%
Amarelo (Yellow) 10.6%
Azul (Blue) 80.4%
CMY
Ciano (Cyan) 48.2%
Magenta 89.4%
Amarelo (Yellow) 19.6%

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.

#841bcd
#65cd1c

Cores Triádicas

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

#cd841c
#841bcd
#1ccd84

Cores Tetrádicas

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

#cd2b1c
#841bcd
#65cd1c
#1cbecd

Cores Monocromáticas

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

#841bcd
#bba1cd
#ba9fcd
#b99dcd
#b99bcd
#b898cd

Tons e Matizes de #841bcd

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)

#841bcd
#9c48d7
#b576e1
#cda3eb
#e6d1f5
#ffffff

Sombra (Adicionando Preto)

#841bcd
#6915a4
#4f107b
#340a51
#1a0528
#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 #841bcd 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 #841bcd 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 #841bcd sobre um fundo preto.

Texto sobre Fundo #841bcd

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 #841bcd 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
X Não 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 #841bcd em seus projetos web.

Cor do Texto

Este texto está usando a cor #841bcd.

.text-primary {
  color: #841bcd;
}
Cor de Fundo

Este elemento tem fundo #841bcd.

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

Cores Aleatórias

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

#644a4d
#eed565
#a37a47
#086cbc
#63f19e
#d959ef
#ad6156
#7aba68
#bf0a19
#b63171
#1e464e
#066fa9