#d805cc

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

Informação da cor #d805cc

Sobre esta cor

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

Vermelho 216
Verde 5
Azul 204

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

Possui um ângulo de matiz de 303.4°, uma saturação de 95.5% e uma luminosidade de 43.3%.

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

Conversões de Cores

Hexadecimal
d805cc
RGB
216, 5, 204
84.7%, 2%, 80%
HSL
303.4°, 95.5%, 43.3%
HSV (HSB)
303.4°, 97.7%, 84.7%
CMYK
0, 0.98, 0.06, 0.15
Web Safe
CC00CC
RYB
84.7, 2, 80
CIELab
51.52, 85.66, -48.67
XYZ
40.6, 19.7, 61.2
Decimal
14157260
Yxy
19.0706, 0.3355, 0.1629
YUV
90.775, 191.8967, 217.3189
CIELuv
50.7697, 76.1584, -83.2282

Distribuição de #d805cc

A cor #d805cc é 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) 84.7%
Verde (Green) 2%
Azul (Blue) 80%
CMYK
Ciano (Cyan) 0%
Magenta 97.7%
Amarelo (Yellow) 5.6%
Preto (Key) 15.3%
RYB
Vermelho (Red) 84.7%
Amarelo (Yellow) 2%
Azul (Blue) 80%
CMY
Ciano (Cyan) 15.3%
Magenta 98%
Amarelo (Yellow) 20%

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.

#d805cc
#05d812

Cores Triádicas

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

#ccd805
#d805cc
#05ccd8

Cores Tetrádicas

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

#d87b05
#d805cc
#05d812
#0563d8

Cores Monocromáticas

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

#d805cc
#d8a9d6
#d8a7d6
#d8a5d6
#d8a3d5
#d8a0d5

Tons e Matizes de #d805cc

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)

#d805cc
#df37d6
#e769e0
#ef9bea
#f7cdf4
#ffffff

Sombra (Adicionando Preto)

#d805cc
#ac04a3
#81037a
#560151
#2b0028
#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 #d805cc 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 #d805cc 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 #d805cc sobre um fundo preto.

Texto sobre Fundo #d805cc

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 #d805cc 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
X Não conforme
Texto Grande
WCAG AAA
X Não conforme
Texto Normal
WCAG AAA
X Não conforme

Texto Preto

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

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #d805cc.

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

Este elemento tem fundo #d805cc.

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

Cores Aleatórias

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

#4ddf5d
#8565a0
#52e3d0
#c13928
#7722f3
#bded48
#5d539a
#155c0e
#1a926a
#83b41d
#138966
#e3a909