#273491

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

Informação da cor #273491

Sobre esta cor

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

Vermelho 39
Verde 52
Azul 145

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

Possui um ângulo de matiz de 232.6°, uma saturação de 57.6% e uma luminosidade de 36.1%.

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

Conversões de Cores

Hexadecimal
273491
RGB
39, 52, 145
15.3%, 20.4%, 56.9%
HSL
232.6°, 57.6%, 36.1%
HSV (HSB)
232.6°, 73.1%, 56.9%
CMYK
0.73, 0.64, 0, 0.43
Web Safe
003366
RYB
15.3, 20, 56.9
CIELab
29.71, 26.21, -52.03
XYZ
8.5, 6.1, 30.5
Decimal
2569361
Yxy
4.9309, 0.1818, 0.125
YUV
58.715, 176.6936, 113.938
CIELuv
26.5371, -7.596, -67.7617

Distribuição de #273491

A cor #273491 é 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) 15.3%
Verde (Green) 20.4%
Azul (Blue) 56.9%
CMYK
Ciano (Cyan) 73.1%
Magenta 64.1%
Amarelo (Yellow) 0%
Preto (Key) 43.1%
RYB
Vermelho (Red) 15.3%
Amarelo (Yellow) 20%
Azul (Blue) 56.9%
CMY
Ciano (Cyan) 84.7%
Magenta 79.6%
Amarelo (Yellow) 43.1%

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.

#273491
#918527

Cores Triádicas

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

#912734
#273491
#349127

Cores Tetrádicas

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

#912769
#273491
#918527
#279150

Cores Monocromáticas

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

#273491
#727691
#717591
#6f7391
#6e7291
#6c7191

Tons e Matizes de #273491

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)

#273491
#525ca7
#7d85bd
#a8add3
#d3d6e9
#ffffff

Sombra (Adicionando Preto)

#273491
#1f2974
#171f57
#0f1439
#070a1c
#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 #273491 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 #273491 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 #273491 sobre um fundo preto.

Texto sobre Fundo #273491

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

Cor do Texto

Este texto está usando a cor #273491.

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

Este elemento tem fundo #273491.

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

Cores Aleatórias

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

#0a955c
#4d1648
#5bae55
#e5e1a1
#58bbc5
#27ad99
#d12d83
#292b0f
#66fa4b
#0c8bd2
#b2465c
#fd597c