Informação da cor #8a8ed2

A cor hexadecimal 8a8ed2 no modelo de cores RGB (Red, Green, Blue), é um composta por 138 de vermelho, 142 de verde e 210 de azul.

No padrão de cores CMYK, é composto por 34.3% de ciano, 32.4% de magenta, 0% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 236.7 graus, uma saturação de 44.4% e uma leveza de 68.2%.

A cor mais próxima WebSafe é 6666CC.

Conversões de #8a8ed2 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 8a8ed2
RGB 138, 142, 210
RGB Percentagem 54.1%, 55.7%, 82.4%
CMYK 0.34, 0.32, 0, 0.18
HSL 236.7°, 44.4%, 68.2%
HSV (ou HSB) 236.7°, 34.3%, 82.4%
RYB 54.1, 55.7, 82.4
Formato Cor
XYZ 34.6, 32.5, 67.7
CIELab 63.72, 13.4, -33.24
Decimal 9080530
Yxy 29.4014, 0.252, 0.2331
YUV 148.556, 162.6749, 120.4708
CIELuv 61.1342, -5.9033, -57.2407
Web Safe 6666CC

Distribuição de #8a8ed2

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.

#8a8ed2

#8a8ed2
rgb(138,142,210)

#d2cf8a

#d2cf8a
rgb(210,207,138)

Cores triadicas

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

#d28a8e

#d28a8e
rgb(210,138,142)

#8a8ed2

#8a8ed2
rgb(138,142,210)

#8ed28a

#8ed28a
rgb(142,210,138)

Cores tetrádicas

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

#d28ab2

#d28ab2
rgb(210,138,178)

#8a8ed2

#8a8ed2
rgb(138,142,210)

#d2cf8a

#d2cf8a
rgb(210,207,138)

#8ad2ab

#8ad2ab
rgb(138,210,171)

Cores monocromáticas

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

#8a8ed2

#8a8ed2
rgb(138,142,210)

#a6a8d2

#a6a8d2
rgb(166,168,210)

#a4a6d2

#a4a6d2
rgb(164,166,210)

#a1a4d2

#a1a4d2
rgb(161,164,210)

#9fa2d2

#9fa2d2
rgb(159,162,210)

#9da0d2

#9da0d2
rgb(157,160,210)

Tons e Matizes de #8a8ed2

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

Matiz (adicionando branco)
#8a8ed2

#8a8ed2
rgb(138,142,210)

#a1a4db

#a1a4db
rgb(161,164,219)

#b8bbe4

#b8bbe4
rgb(184,187,228)

#d0d1ed

#d0d1ed
rgb(208,209,237)

#e7e8f6

#e7e8f6
rgb(231,232,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8a8ed2

#8a8ed2
rgb(138,142,210)

#6e71a8

#6e71a8
rgb(110,113,168)

#52557e

#52557e
rgb(82,85,126)

#373853

#373853
rgb(55,56,83)

#1b1c29

#1b1c29
rgb(27,28,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8a8ed2

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

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

Contraste

Branco e #8a8ed2
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 #8a8ed2
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 #8a8ed2

Este exemplo mostra como o texto na cor #8a8ed2 se parece.

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

Este parágrafo tem fundo de cor #8a8ed2.

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

Este elemento tem uma cor de borda de #8a8ed2.

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

Cores alietórias

#677e35

#677e35
rgb(103,126,53)

#a3cf4f

#a3cf4f
rgb(163,207,79)

#f2ef28

#f2ef28
rgb(242,239,40)

#86f118

#86f118
rgb(134,241,24)

#47a7de

#47a7de
rgb(71,167,222)

#2cfc42

#2cfc42
rgb(44,252,66)

#31522a

#31522a
rgb(49,82,42)

#7ef068

#7ef068
rgb(126,240,104)

#1b8d58

#1b8d58
rgb(27,141,88)

#1177e8

#1177e8
rgb(17,119,232)

#a1cd6a

#a1cd6a
rgb(161,205,106)

#913f76

#913f76
rgb(145,63,118)