Informação da cor #a968eb

A cor hexadecimal a968eb no modelo de cores RGB (Red, Green, Blue), é um composta por 169 de vermelho, 104 de verde e 235 de azul.

No padrão de cores CMYK, é composto por 28.1% de ciano, 55.7% de magenta, 0% de amarelo e 7.8% de preto. Tem um ângulo de matiz de 269.8 graus, uma saturação de 76.6% e uma leveza de 66.5%.

A cor mais próxima WebSafe é 9966CC.

Conversões de #a968eb 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 a968eb
RGB 169, 104, 235
RGB Percentagem 66.3%, 40.8%, 92.2%
CMYK 0.28, 0.56, 0, 0.08
HSL 269.8°, 76.6%, 66.5%
HSV (ou HSB) 269.8°, 55.7%, 92.2%
RYB 66.3, 40.8, 92.2
Formato Cor
XYZ 38.7, 26.9, 83
CIELab 58.86, 48.04, -53.6
Decimal 11102443
Yxy 24.334, 0.2557, 0.1714
YUV 138.369, 182.5322, 149.8481
CIELuv 56.4206, 19.9224, -94.6237
Web Safe 9966CC

Distribuição de #a968eb

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.

#a968eb

#a968eb
rgb(169,104,235)

#aaeb68

#aaeb68
rgb(170,235,104)

Cores triadicas

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

#ebaa68

#ebaa68
rgb(235,170,104)

#a968eb

#a968eb
rgb(169,104,235)

#68ebaa

#68ebaa
rgb(104,235,170)

Cores tetrádicas

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

#eb6869

#eb6869
rgb(235,104,105)

#a968eb

#a968eb
rgb(169,104,235)

#aaeb68

#aaeb68
rgb(170,235,104)

#68ebeb

#68ebeb
rgb(104,235,235)

Cores monocromáticas

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

#a968eb

#a968eb
rgb(169,104,235)

#d2b9eb

#d2b9eb
rgb(210,185,235)

#d1b6eb

#d1b6eb
rgb(209,182,235)

#d0b4eb

#d0b4eb
rgb(208,180,235)

#ceb2eb

#ceb2eb
rgb(206,178,235)

#cdafeb

#cdafeb
rgb(205,175,235)

Tons e Matizes de #a968eb

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

Matiz (adicionando branco)
#a968eb

#a968eb
rgb(169,104,235)

#ba86ef

#ba86ef
rgb(186,134,239)

#cba4f3

#cba4f3
rgb(203,164,243)

#dcc2f7

#dcc2f7
rgb(220,194,247)

#ede0fb

#ede0fb
rgb(237,224,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a968eb

#a968eb
rgb(169,104,235)

#8753bc

#8753bc
rgb(135,83,188)

#653e8d

#653e8d
rgb(101,62,141)

#43295d

#43295d
rgb(67,41,93)

#21142e

#21142e
rgb(33,20,46)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a968eb

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

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

Contraste

Branco e #a968eb
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 #a968eb
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 #a968eb

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

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

Este parágrafo tem fundo de cor #a968eb.

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

Este elemento tem uma cor de borda de #a968eb.

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

Cores alietórias

#fbcaf7

#fbcaf7
rgb(251,202,247)

#938e32

#938e32
rgb(147,142,50)

#fd8faf

#fd8faf
rgb(253,143,175)

#d13193

#d13193
rgb(209,49,147)

#037cdb

#037cdb
rgb(3,124,219)

#90424d

#90424d
rgb(144,66,77)

#c0188b

#c0188b
rgb(192,24,139)

#c0b3f7

#c0b3f7
rgb(192,179,247)

#f1675b

#f1675b
rgb(241,103,91)

#6528a5

#6528a5
rgb(101,40,165)

#d026bd

#d026bd
rgb(208,38,189)

#f69c3e

#f69c3e
rgb(246,156,62)