Informação da cor #7e8af3

A cor hexadecimal 7e8af3 no modelo de cores RGB (Red, Green, Blue), é um composta por 126 de vermelho, 138 de verde e 243 de azul.

No padrão de cores CMYK, é composto por 48.1% de ciano, 43.2% de magenta, 0% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 233.9 graus, uma saturação de 83% e uma leveza de 72.4%.

A cor mais próxima WebSafe é 6666CC.

Conversões de #7e8af3 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 7e8af3
RGB 126, 138, 243
RGB Percentagem 49.4%, 54.1%, 95.3%
CMYK 0.48, 0.43, 0, 0.05
HSL 233.9°, 83%, 72.4%
HSV (ou HSB) 233.9°, 48.2%, 95.3%
RYB 49.4, 53.7, 95.3
Formato Cor
XYZ 36.3, 32, 89.8
CIELab 63.31, 20.97, -50.83
Decimal 8293107
Yxy 29.0817, 0.2235, 0.1919
YUV 146.382, 182.5248, 113.4622
CIELuv 60.8537, -10.8904, -89.1353
Web Safe 6666CC

Distribuição de #7e8af3

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.

#7e8af3

#7e8af3
rgb(126,138,243)

#f3e87e

#f3e87e
rgb(243,232,126)

Cores triadicas

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

#f37e8a

#f37e8a
rgb(243,126,138)

#7e8af3

#7e8af3
rgb(126,138,243)

#8af37e

#8af37e
rgb(138,243,126)

Cores tetrádicas

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

#f37ec5

#f37ec5
rgb(243,126,197)

#7e8af3

#7e8af3
rgb(126,138,243)

#f3e87e

#f3e87e
rgb(243,232,126)

#7ef3ad

#7ef3ad
rgb(126,243,173)

Cores monocromáticas

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

#7e8af3

#7e8af3
rgb(126,138,243)

#bfc5f3

#bfc5f3
rgb(191,197,243)

#bdc2f3

#bdc2f3
rgb(189,194,243)

#bac0f3

#bac0f3
rgb(186,192,243)

#b8bef3

#b8bef3
rgb(184,190,243)

#b6bcf3

#b6bcf3
rgb(182,188,243)

Tons e Matizes de #7e8af3

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

Matiz (adicionando branco)
#7e8af3

#7e8af3
rgb(126,138,243)

#97a1f5

#97a1f5
rgb(151,161,245)

#b1b8f7

#b1b8f7
rgb(177,184,247)

#cbd0fa

#cbd0fa
rgb(203,208,250)

#e5e7fc

#e5e7fc
rgb(229,231,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7e8af3

#7e8af3
rgb(126,138,243)

#646ec2

#646ec2
rgb(100,110,194)

#4b5291

#4b5291
rgb(75,82,145)

#323761

#323761
rgb(50,55,97)

#191b30

#191b30
rgb(25,27,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7e8af3

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

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

Contraste

Branco e #7e8af3
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.

Preto e #7e8af3
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #7e8af3

Este exemplo mostra como o texto na cor #7e8af3 se parece.

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

Este parágrafo tem fundo de cor #7e8af3.

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

Este elemento tem uma cor de borda de #7e8af3.

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

Cores alietórias

#0d43f5

#0d43f5
rgb(13,67,245)

#ac0ee0

#ac0ee0
rgb(172,14,224)

#111c84

#111c84
rgb(17,28,132)

#8c22bd

#8c22bd
rgb(140,34,189)

#23187a

#23187a
rgb(35,24,122)

#b2aeb3

#b2aeb3
rgb(178,174,179)

#f63a1e

#f63a1e
rgb(246,58,30)

#ce70d0

#ce70d0
rgb(206,112,208)

#e2ec23

#e2ec23
rgb(226,236,35)

#bd9666

#bd9666
rgb(189,150,102)

#1e1be5

#1e1be5
rgb(30,27,229)

#fb36a0

#fb36a0
rgb(251,54,160)