Cor #3e27d2 - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #3e27d2

Sobre esta cor

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

Vermelho 62

Verde 39

Azul 210

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

Possui um ângulo de matiz de 248.1°, uma saturação de 68.7% e uma luminosidade de 48.8%.

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

Conversões de Cores

Hexadecimal

3e27d2

RGB

62, 39, 210

24.3%, 15.3%, 82.4%

HSL

248.1°, 68.7%, 48.8%

HSV (HSB)

248.1°, 81.4%, 82.4%

CMYK

0.7, 0.81, 0, 0.18

Web Safe

3300CC

RYB

24.3, 15.3, 82.4

CIELab

34.3, 57.11, -80.8

XYZ

15.6, 8.2, 64

Decimal

4073426

Yxy

7.127, 0.1727, 0.0858

YUV

65.371, 209.6191, 125.5956

CIELuv

32.0942, -4.3245, -107.9403

Distribuição de #3e27d2

A cor #3e27d2 é 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) 24.3%

Verde (Green) 15.3%

Azul (Blue) 82.4%

CMYK

Ciano (Cyan) 70.5%

Magenta 81.4%

Amarelo (Yellow) 0%

Preto (Key) 17.6%

RYB

Vermelho (Red) 24.3%

Amarelo (Yellow) 15.3%

Azul (Blue) 82.4%

CMY

Ciano (Cyan) 75.7%

Magenta 84.7%

Amarelo (Yellow) 17.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.

#3e27d2

#bcd227

Cores Triádicas

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

#d23e27

#3e27d2

#27d23e

Cores Tetrádicas

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

#d22766

#3e27d2

#bcd227

#27d294

Cores Monocromáticas

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

#3e27d2

#aba5d2

#a9a3d2

#a7a0d2

#a59ed2

#a49cd2

Tons e Matizes de #3e27d2

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)

#3e27d2

#6452db

#8b7de4

#b1a8ed

#d8d3f6

#ffffff

Sombra (Adicionando Preto)

#3e27d2

#311fa8

#25177e

#180f53

#0c0729

#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 #3e27d2 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 #3e27d2 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 #3e27d2 sobre um fundo preto.

Texto sobre Fundo #3e27d2

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 #3e27d2 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

Quer testar outras combinações?

Experimente nosso verificador de contraste de cores dedicado para análises mais detalhadas.

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #3e27d2.

.text-primary {
  color: #3e27d2;
}

Cor de Fundo

Este elemento tem fundo #3e27d2.

.bg-primary {
  background-color: #3e27d2;
}

Cor da Borda

Este elemento tem borda #3e27d2.

.border-primary {
  border: 1px solid #3e27d2;
}

Estilos Inline (HTML)

Para Texto:

<span style="color:#3e27d2;">Texto</span>

Para Fundo:

<div style="background-color:#3e27d2;">...</div>

Cores Aleatórias

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

#505b83

#1e6a9e

#390c5d

#d7196a

#5df368

#be5962

#a54782

#0e2369

#5b048a

#457b9e

#6c65bb

#f700a3