#c819cb

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

Informação da cor #c819cb

Sobre esta cor

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

Vermelho 200
Verde 25
Azul 203

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

Possui um ângulo de matiz de 299°, uma saturação de 78.1% e uma luminosidade de 44.7%.

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

Conversões de Cores

Hexadecimal
c819cb
RGB
200, 25, 203
78.4%, 9.8%, 79.6%
HSL
299°, 78.1%, 44.7%
HSV (HSB)
299°, 87.7%, 79.6%
CMYK
0.01, 0.88, 0, 0.2
Web Safe
990099
RYB
78.4, 9.8, 79.6
CIELab
49.95, 79.81, -50.79
XYZ
36.7, 18.4, 60.6
Decimal
13113803
Yxy
17.2891, 0.3171, 0.1569
YUV
97.617, 187.4712, 201.0265
CIELuv
48.6222, 63.647, -85.9781

Distribuição de #c819cb

A cor #c819cb é 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) 78.4%
Verde (Green) 9.8%
Azul (Blue) 79.6%
CMYK
Ciano (Cyan) 1.5%
Magenta 87.7%
Amarelo (Yellow) 0%
Preto (Key) 20.4%
RYB
Vermelho (Red) 78.4%
Amarelo (Yellow) 9.8%
Azul (Blue) 79.6%
CMY
Ciano (Cyan) 21.6%
Magenta 90.2%
Amarelo (Yellow) 20.4%

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.

#c819cb
#1ccb19

Cores Triádicas

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

#cbc919
#c819cb
#19cbc9

Cores Tetrádicas

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

#cb7019
#c819cb
#1ccb19
#1975cb

Cores Monocromáticas

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

#c819cb
#cb9fcb
#cb9dcb
#cb9bcb
#cb99cb
#cb97cb

Tons e Matizes de #c819cb

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)

#c819cb
#d347d5
#de75df
#e9a3ea
#f4d1f4
#ffffff

Sombra (Adicionando Preto)

#c819cb
#a014a2
#780f79
#4f0951
#270428
#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 #c819cb 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 #c819cb 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 #c819cb sobre um fundo preto.

Texto sobre Fundo #c819cb

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 #c819cb 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
✓ 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 #c819cb em seus projetos web.

Cor do Texto

Este texto está usando a cor #c819cb.

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

Este elemento tem fundo #c819cb.

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

Cores Aleatórias

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

#b274bb
#679393
#83bbe9
#10343b
#eeae1a
#00cf5d
#a3952f
#66d171
#4c321c
#eff043
#d009c1
#8930bd