#d07ccd

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

Informação da cor #d07ccd

Sobre esta cor

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

Vermelho 208
Verde 124
Azul 205

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

Possui um ângulo de matiz de 302.1°, uma saturação de 47.2% e uma luminosidade de 65.1%.

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

Conversões de Cores

Hexadecimal
d07ccd
RGB
208, 124, 205
81.6%, 48.6%, 80.4%
HSL
302.1°, 47.2%, 65.1%
HSV (HSB)
302.1°, 40.4%, 81.6%
CMYK
0, 0.4, 0.01, 0.18
Web Safe
CC66CC
RYB
81.6, 48.6, 80.4
CIELab
65.75, 42.31, -26.99
XYZ
46.8, 35, 64.5
Decimal
13663437
Yxy
32.2351, 0.3203, 0.2334
YUV
158.35, 154.3262, 163.4137
CIELuv
63.5367, 41.6758, -50.5975

Distribuição de #d07ccd

A cor #d07ccd é 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) 81.6%
Verde (Green) 48.6%
Azul (Blue) 80.4%
CMYK
Ciano (Cyan) 0%
Magenta 40.4%
Amarelo (Yellow) 1.4%
Preto (Key) 18.4%
RYB
Vermelho (Red) 81.6%
Amarelo (Yellow) 48.6%
Azul (Blue) 80.4%
CMY
Ciano (Cyan) 18.4%
Magenta 51.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.

#d07ccd
#7cd07f

Cores Triádicas

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

#ced07c
#d07ccd
#7cced0

Cores Tetrádicas

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

#d0a97c
#d07ccd
#7cd07f
#7ca4d0

Cores Monocromáticas

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

#d07ccd
#d0a4cf
#d0a2cf
#d0a0cf
#d09ecf
#d09ccf

Tons e Matizes de #d07ccd

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)

#d07ccd
#d996d7
#e2b0e1
#eccaeb
#f5e4f5
#ffffff

Sombra (Adicionando Preto)

#d07ccd
#a663a4
#7c4a7b
#533151
#291828
#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 #d07ccd 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 #d07ccd 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 #d07ccd sobre um fundo preto.

Texto sobre Fundo #d07ccd

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 #d07ccd como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Texto Branco

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

Texto Preto

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

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #d07ccd.

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

Este elemento tem fundo #d07ccd.

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

Cores Aleatórias

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

#c55dca
#f799ed
#bd6f68
#cee012
#08234a
#44afc6
#c1ee94
#415aed
#a91bcd
#53d7a0
#e071a1
#bc260a