Informação da cor #856ac4

A cor hexadecimal 856ac4 no modelo de cores RGB (Red, Green, Blue), é um composta por 133 de vermelho, 106 de verde e 196 de azul.

No padrão de cores CMYK, é composto por 32.1% de ciano, 45.9% de magenta, 0% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 258 graus, uma saturação de 43.3% e uma leveza de 59.2%.

A cor mais próxima WebSafe é 666699.

Conversões de #856ac4 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 856ac4
RGB 133, 106, 196
RGB Percentagem 52.2%, 41.6%, 76.9%
CMYK 0.32, 0.46, 0, 0.23
HSL 258°, 43.3%, 59.2%
HSV (ou HSB) 258°, 45.9%, 76.9%
RYB 52.2, 41.6, 76.9
Formato Cor
XYZ 27.4, 21.9, 57.7
CIELab 53.95, 28.95, -41.2
Decimal 8743620
Yxy 19.2798, 0.2512, 0.1953
YUV 124.333, 168.4441, 134.1819
CIELuv 51.0129, 6.3985, -69.786
Web Safe 666699

Distribuição de #856ac4

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.

#856ac4

#856ac4
rgb(133,106,196)

#aac46b

#aac46b
rgb(170,196,107)

Cores triadicas

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

#c4856b

#c4856b
rgb(196,133,107)

#856ac4

#856ac4
rgb(133,106,196)

#6bc485

#6bc485
rgb(107,196,133)

Cores tetrádicas

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

#c46b7d

#c46b7d
rgb(196,107,125)

#856ac4

#856ac4
rgb(133,106,196)

#aac46b

#aac46b
rgb(170,196,107)

#6bc4b2

#6bc4b2
rgb(107,196,178)

Cores monocromáticas

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

#856ac4

#856ac4
rgb(133,106,196)

#a79ac4

#a79ac4
rgb(167,154,196)

#a698c4

#a698c4
rgb(166,152,196)

#a497c4

#a497c4
rgb(164,151,196)

#a395c4

#a395c4
rgb(163,149,196)

#a293c4

#a293c4
rgb(162,147,196)

Tons e Matizes de #856ac4

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

Matiz (adicionando branco)
#856ac4

#856ac4
rgb(133,106,196)

#9d87cf

#9d87cf
rgb(157,135,207)

#b5a5db

#b5a5db
rgb(181,165,219)

#cec3e7

#cec3e7
rgb(206,195,231)

#e6e1f3

#e6e1f3
rgb(230,225,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#856ac4

#856ac4
rgb(133,106,196)

#6a549c

#6a549c
rgb(106,84,156)

#4f3f75

#4f3f75
rgb(79,63,117)

#352a4e

#352a4e
rgb(53,42,78)

#1a1527

#1a1527
rgb(26,21,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #856ac4

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

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

Contraste

Branco e #856ac4
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 #856ac4
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 #856ac4

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

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

Este parágrafo tem fundo de cor #856ac4.

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

Este elemento tem uma cor de borda de #856ac4.

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

Cores alietórias

#e62be5

#e62be5
rgb(230,43,229)

#2e2330

#2e2330
rgb(46,35,48)

#62f06e

#62f06e
rgb(98,240,110)

#396d3d

#396d3d
rgb(57,109,61)

#156bd4

#156bd4
rgb(21,107,212)

#e65664

#e65664
rgb(230,86,100)

#c4d4e2

#c4d4e2
rgb(196,212,226)

#8bbdc2

#8bbdc2
rgb(139,189,194)

#310186

#310186
rgb(49,1,134)

#5ad4f4

#5ad4f4
rgb(90,212,244)

#9dd0b2

#9dd0b2
rgb(157,208,178)

#dc611c

#dc611c
rgb(220,97,28)