#8c095c

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

Informação da cor #8c095c

Sobre esta cor

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

Vermelho 140
Verde 9
Azul 92

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

Possui um ângulo de matiz de 322°, uma saturação de 87.9% e uma luminosidade de 29.2%.

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

Conversões de Cores

Hexadecimal
8c095c
RGB
140, 9, 92
54.9%, 3.5%, 36.1%
HSL
322°, 87.9%, 29.2%
HSV (HSB)
322°, 93.6%, 54.9%
CMYK
0, 0.94, 0.34, 0.45
Web Safe
660033
RYB
54.9, 3.5, 36.1
CIELab
32.61, 57.73, -14.29
XYZ
14.5, 7.4, 12.9
Decimal
9177436
Yxy
6.5452, 0.4268, 0.2174
YUV
57.631, 147.3956, 186.7511
CIELuv
30.7482, 64.392, -22.7218

Distribuição de #8c095c

A cor #8c095c é 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) 54.9%
Verde (Green) 3.5%
Azul (Blue) 36.1%
CMYK
Ciano (Cyan) 0%
Magenta 93.6%
Amarelo (Yellow) 34.3%
Preto (Key) 45.1%
RYB
Vermelho (Red) 54.9%
Amarelo (Yellow) 3.5%
Azul (Blue) 36.1%
CMY
Ciano (Cyan) 45.1%
Magenta 96.5%
Amarelo (Yellow) 63.9%

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.

#8c095c
#098c3a

Cores Triádicas

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

#5c8c09
#8c095c
#095c8c

Cores Tetrádicas

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

#8c7b09
#8c095c
#098c3a
#091b8c

Cores Monocromáticas

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

#8c095c
#8c6e81
#8c6c81
#8c6b80
#8c6a80
#8c687f

Tons e Matizes de #8c095c

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)

#8c095c
#a33a7c
#ba6b9d
#d19cbd
#e8cdde
#ffffff

Sombra (Adicionando Preto)

#8c095c
#700749
#540537
#370324
#1b0112
#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 #8c095c 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 #8c095c 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 #8c095c sobre um fundo preto.

Texto sobre Fundo #8c095c

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 #8c095c 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 #8c095c em seus projetos web.

Cor do Texto

Este texto está usando a cor #8c095c.

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

Este elemento tem fundo #8c095c.

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

Cores Aleatórias

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

#04a7b3
#16414b
#63d725
#dff538
#a75b54
#2e22e9
#a8265d
#9c1128
#95f635
#05616c
#cf9b15
#dc435c