Informação da cor #2e2268

A cor hexadecimal 2e2268 no modelo de cores RGB (Red, Green, Blue), é um composta por 46 de vermelho, 34 de verde e 104 de azul.

No padrão de cores CMYK, é composto por 55.8% de ciano, 67.3% de magenta, 0% de amarelo e 59.2% de preto. Tem um ângulo de matiz de 250.3 graus, uma saturação de 50.7% e uma leveza de 27.1%.

A cor mais próxima WebSafe é 000066.

Conversões de #2e2268 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 2e2268
RGB 46, 34, 104
RGB Percentagem 18%, 13.3%, 40.8%
CMYK 0.56, 0.67, 0, 0.59
HSL 250.3°, 50.7%, 27.1%
HSV (ou HSB) 250.3°, 67.3%, 40.8%
RYB 18, 13.3, 40.8
Formato Cor
XYZ 5.3, 3.6, 15.9
CIELab 22.22, 25.96, -39.32
Decimal 3023464
Yxy 2.7241, 0.2065, 0.1341
YUV 45.568, 160.9752, 128.3082
CIELuv 18.9034, -0.2309, -44.4208
Web Safe 000066

Distribuição de #2e2268

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#2e2268

#2e2268
rgb(46,34,104)

#5c6822

#5c6822
rgb(92,104,34)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#682f22

#682f22
rgb(104,47,34)

#2e2268

#2e2268
rgb(46,34,104)

#22682f

#22682f
rgb(34,104,47)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#682239

#682239
rgb(104,34,57)

#2e2268

#2e2268
rgb(46,34,104)

#5c6822

#5c6822
rgb(92,104,34)

#226852

#226852
rgb(34,104,82)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#2e2268

#2e2268
rgb(46,34,104)

#565268

#565268
rgb(86,82,104)

#555168

#555168
rgb(85,81,104)

#545068

#545068
rgb(84,80,104)

#534f68

#534f68
rgb(83,79,104)

#524e68

#524e68
rgb(82,78,104)

Tons e Matizes de #2e2268

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#2e2268

#2e2268
rgb(46,34,104)

#574e86

#574e86
rgb(87,78,134)

#817aa4

#817aa4
rgb(129,122,164)

#aba6c2

#aba6c2
rgb(171,166,194)

#d5d2e0

#d5d2e0
rgb(213,210,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2e2268

#2e2268
rgb(46,34,104)

#241b53

#241b53
rgb(36,27,83)

#1b143e

#1b143e
rgb(27,20,62)

#120d29

#120d29
rgb(18,13,41)

#090614

#090614
rgb(9,6,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #2e2268 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #2e2268 fica em um fundo preto.

Fundo de cor #2e2268

Esta visualização mostra como a cor branca fica em um fundo #2e2268.

Esta visualização mostra como a cor preta fica em um fundo #2e2268.

Contraste

Branco e #2e2268
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #2e2268
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #2e2268

Este exemplo mostra como o texto na cor #2e2268 se parece.

<span style="color:#2e2268;">Aqui fica o texto.</span>
Cor de fundo #2e2268

Este parágrafo tem fundo de cor #2e2268.

<p style="background-color:#2e2268;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #2e2268.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#2e2268;}
.background {background-color:#2e2268;}
.border {border:1px solid #2e2268;}

Cores alietórias

#0d691e

#0d691e
rgb(13,105,30)

#7dbeae

#7dbeae
rgb(125,190,174)

#ebd824

#ebd824
rgb(235,216,36)

#e33f83

#e33f83
rgb(227,63,131)

#dd6193

#dd6193
rgb(221,97,147)

#6216fe

#6216fe
rgb(98,22,254)

#4e4291

#4e4291
rgb(78,66,145)

#eb2124

#eb2124
rgb(235,33,36)

#fb5fd5

#fb5fd5
rgb(251,95,213)

#b6de85

#b6de85
rgb(182,222,133)

#48d8ad

#48d8ad
rgb(72,216,173)

#8996e5

#8996e5
rgb(137,150,229)