Informação da cor #8f2ae2

A cor hexadecimal 8f2ae2 no modelo de cores RGB (Red, Green, Blue), é um composta por 143 de vermelho, 42 de verde e 226 de azul.

No padrão de cores CMYK, é composto por 36.7% de ciano, 81.4% de magenta, 0% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 272.9 graus, uma saturação de 76% e uma leveza de 52.6%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #8f2ae2 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 8f2ae2
RGB 143, 42, 226
RGB Percentagem 56.1%, 16.5%, 88.6%
CMYK 0.37, 0.81, 0, 0.11
HSL 272.9°, 76%, 52.6%
HSV (ou HSB) 272.9°, 81.4%, 88.6%
RYB 56.1, 16.5, 88.6
Formato Cor
XYZ 27.8, 14.4, 74.9
CIELab 44.78, 69.87, -71.76
Decimal 9382626
Yxy 12.9865, 0.2312, 0.116
YUV 93.175, 202.9577, 163.5386
CIELuv 42.743, 20.8236, -112.6058
Web Safe 6600CC

Distribuição de #8f2ae2

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.

#8f2ae2

#8f2ae2
rgb(143,42,226)

#7de22b

#7de22b
rgb(125,226,43)

Cores triadicas

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

#e2902b

#e2902b
rgb(226,144,43)

#8f2ae2

#8f2ae2
rgb(143,42,226)

#2be290

#2be290
rgb(43,226,144)

Cores tetrádicas

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

#e2342b

#e2342b
rgb(226,52,43)

#8f2ae2

#8f2ae2
rgb(143,42,226)

#7de22b

#7de22b
rgb(125,226,43)

#2bd9e2

#2bd9e2
rgb(43,217,226)

Cores monocromáticas

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

#8f2ae2

#8f2ae2
rgb(143,42,226)

#ccb1e2

#ccb1e2
rgb(204,177,226)

#cbafe2

#cbafe2
rgb(203,175,226)

#caade2

#caade2
rgb(202,173,226)

#c9aae2

#c9aae2
rgb(201,170,226)

#c8a8e2

#c8a8e2
rgb(200,168,226)

Tons e Matizes de #8f2ae2

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

Matiz (adicionando branco)
#8f2ae2

#8f2ae2
rgb(143,42,226)

#a554e7

#a554e7
rgb(165,84,231)

#bb7fed

#bb7fed
rgb(187,127,237)

#d2a9f3

#d2a9f3
rgb(210,169,243)

#e8d4f9

#e8d4f9
rgb(232,212,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8f2ae2

#8f2ae2
rgb(143,42,226)

#7221b4

#7221b4
rgb(114,33,180)

#551987

#551987
rgb(85,25,135)

#39105a

#39105a
rgb(57,16,90)

#1c082d

#1c082d
rgb(28,8,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8f2ae2

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

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

Contraste

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

Preto e #8f2ae2
Texto grande WCAG AA ✓ 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 #8f2ae2

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

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

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

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

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

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

Cores alietórias

#5a3c05

#5a3c05
rgb(90,60,5)

#b98568

#b98568
rgb(185,133,104)

#d31fee

#d31fee
rgb(211,31,238)

#13005e

#13005e
rgb(19,0,94)

#b02ffc

#b02ffc
rgb(176,47,252)

#fbb3c3

#fbb3c3
rgb(251,179,195)

#4763a4

#4763a4
rgb(71,99,164)

#cd22e2

#cd22e2
rgb(205,34,226)

#a1de75

#a1de75
rgb(161,222,117)

#eb4bf7

#eb4bf7
rgb(235,75,247)

#434cff

#434cff
rgb(67,76,255)

#673fa5

#673fa5
rgb(103,63,165)