#261b76

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

Informação da cor #261b76

Sobre esta cor

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

Vermelho 38
Verde 27
Azul 118

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

Possui um ângulo de matiz de 247.3°, uma saturação de 62.8% e uma luminosidade de 28.4%.

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

Conversões de Cores

Hexadecimal
261b76
RGB
38, 27, 118
14.9%, 10.6%, 46.3%
HSL
247.3°, 62.8%, 28.4%
HSV (HSB)
247.3°, 77.1%, 46.3%
CMYK
0.68, 0.77, 0, 0.54
Web Safe
000066
RYB
14.9, 10.6, 46.3
CIELab
20.91, 33.71, -50.22
XYZ
5.5, 3.2, 20.1
Decimal
2497398
Yxy
2.5036, 0.1832, 0.1028
YUV
40.663, 171.6439, 126.1006
CIELuv
17.9348, -1.9535, -53.4049

Distribuição de #261b76

A cor #261b76 é 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) 14.9%
Verde (Green) 10.6%
Azul (Blue) 46.3%
CMYK
Ciano (Cyan) 67.8%
Magenta 77.1%
Amarelo (Yellow) 0%
Preto (Key) 53.7%
RYB
Vermelho (Red) 14.9%
Amarelo (Yellow) 10.6%
Azul (Blue) 46.3%
CMY
Ciano (Cyan) 85.1%
Magenta 89.4%
Amarelo (Yellow) 53.7%

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.

#261b76
#6c761c

Cores Triádicas

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

#76261c
#261b76
#1c7626

Cores Tetrádicas

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

#761c3e
#261b76
#6c761c
#1c7654

Cores Monocromáticas

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

#261b76
#605d76
#5f5c76
#5e5a76
#5d5976
#5c5876

Tons e Matizes de #261b76

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)

#261b76
#514891
#7c76ac
#a8a3c8
#d3d1e3
#ffffff

Sombra (Adicionando Preto)

#261b76
#1e155e
#161046
#0f0a2f
#070517
#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 #261b76 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 #261b76 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 #261b76 sobre um fundo preto.

Texto sobre Fundo #261b76

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

Cor do Texto

Este texto está usando a cor #261b76.

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

Este elemento tem fundo #261b76.

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

Cores Aleatórias

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

#9b4ac4
#231f0f
#e65ea6
#80127e
#d13d0c
#b3913c
#48844d
#eb32fe
#e8cfa5
#d081ba
#e71d50
#e07a44