Informação da cor #a35fc4

A cor hexadecimal a35fc4 no modelo de cores RGB (Red, Green, Blue), é um composta por 163 de vermelho, 95 de verde e 196 de azul.

No padrão de cores CMYK, é composto por 16.8% de ciano, 51.5% de magenta, 0% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 280.4 graus, uma saturação de 46.1% e uma leveza de 57.1%.

A cor mais próxima WebSafe é 993399.

Conversões de #a35fc4 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 a35fc4
RGB 163, 95, 196
RGB Percentagem 63.9%, 37.3%, 76.9%
CMYK 0.17, 0.52, 0, 0.23
HSL 280.4°, 46.1%, 57.1%
HSV (ou HSB) 280.4°, 51.5%, 76.9%
RYB 63.9, 37.3, 76.9
Formato Cor
XYZ 31.8, 22.5, 57.5
CIELab 54.51, 43.16, -40.11
Decimal 10706884
Yxy 19.9572, 0.2813, 0.1926
YUV 126.846, 167.026, 153.7875
CIELuv 51.7888, 26.3719, -69.5771
Web Safe 993399

Distribuição de #a35fc4

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.

#a35fc4

#a35fc4
rgb(163,95,196)

#80c45f

#80c45f
rgb(128,196,95)

Cores triadicas

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

#c4a45f

#c4a45f
rgb(196,164,95)

#a35fc4

#a35fc4
rgb(163,95,196)

#5fc4a4

#5fc4a4
rgb(95,196,164)

Cores tetrádicas

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

#c4715f

#c4715f
rgb(196,113,95)

#a35fc4

#a35fc4
rgb(163,95,196)

#80c45f

#80c45f
rgb(128,196,95)

#5fb3c4

#5fb3c4
rgb(95,179,196)

Cores monocromáticas

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

#a35fc4

#a35fc4
rgb(163,95,196)

#b79ac4

#b79ac4
rgb(183,154,196)

#b698c4

#b698c4
rgb(182,152,196)

#b596c4

#b596c4
rgb(181,150,196)

#b594c4

#b594c4
rgb(181,148,196)

#b492c4

#b492c4
rgb(180,146,196)

Tons e Matizes de #a35fc4

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

Matiz (adicionando branco)
#a35fc4

#a35fc4
rgb(163,95,196)

#b57fcf

#b57fcf
rgb(181,127,207)

#c79fdb

#c79fdb
rgb(199,159,219)

#dabfe7

#dabfe7
rgb(218,191,231)

#ecdff3

#ecdff3
rgb(236,223,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a35fc4

#a35fc4
rgb(163,95,196)

#824c9c

#824c9c
rgb(130,76,156)

#613975

#613975
rgb(97,57,117)

#41254e

#41254e
rgb(65,37,78)

#201227

#201227
rgb(32,18,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a35fc4

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

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

Contraste

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

Preto e #a35fc4
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 #a35fc4

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

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

Este parágrafo tem fundo de cor #a35fc4.

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

Este elemento tem uma cor de borda de #a35fc4.

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

Cores alietórias

#fda4d1

#fda4d1
rgb(253,164,209)

#56104c

#56104c
rgb(86,16,76)

#2b7273

#2b7273
rgb(43,114,115)

#9519c0

#9519c0
rgb(149,25,192)

#b5549c

#b5549c
rgb(181,84,156)

#ab57a2

#ab57a2
rgb(171,87,162)

#682379

#682379
rgb(104,35,121)

#186c29

#186c29
rgb(24,108,41)

#0dac72

#0dac72
rgb(13,172,114)

#9c2c08

#9c2c08
rgb(156,44,8)

#1715c9

#1715c9
rgb(23,21,201)

#d25a80

#d25a80
rgb(210,90,128)