Informação da cor #661491

A cor hexadecimal 661491 no modelo de cores RGB (Red, Green, Blue), é um composta por 102 de vermelho, 20 de verde e 145 de azul.

No padrão de cores CMYK, é composto por 29.7% de ciano, 86.2% de magenta, 0% de amarelo e 43.1% de preto. Tem um ângulo de matiz de 279.4 graus, uma saturação de 75.8% e uma leveza de 32.4%.

A cor mais próxima WebSafe é 660066.

Conversões de #661491 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 661491
RGB 102, 20, 145
RGB Percentagem 40%, 7.8%, 56.9%
CMYK 0.3, 0.86, 0, 0.43
HSL 279.4°, 75.8%, 32.4%
HSV (ou HSB) 279.4°, 86.2%, 56.9%
RYB 40, 7.8, 56.9
Formato Cor
XYZ 12.5, 6.4, 30.3
CIELab 30.33, 54.85, -50.73
Decimal 6689937
Yxy 5.3697, 0.2494, 0.1236
YUV 58.768, 176.6636, 158.836
CIELuv 27.763, 18.9834, -68.2848
Web Safe 660066

Distribuição de #661491

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.

#661491

#661491
rgb(102,20,145)

#3f9115

#3f9115
rgb(63,145,21)

Cores triadicas

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

#916715

#916715
rgb(145,103,21)

#661491

#661491
rgb(102,20,145)

#159167

#159167
rgb(21,145,103)

Cores tetrádicas

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

#912815

#912815
rgb(145,40,21)

#661491

#661491
rgb(102,20,145)

#3f9115

#3f9115
rgb(63,145,21)

#157e91

#157e91
rgb(21,126,145)

Cores monocromáticas

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

#661491

#661491
rgb(102,20,145)

#877291

#877291
rgb(135,114,145)

#867091

#867091
rgb(134,112,145)

#866f91

#866f91
rgb(134,111,145)

#856d91

#856d91
rgb(133,109,145)

#856c91

#856c91
rgb(133,108,145)

Tons e Matizes de #661491

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

Matiz (adicionando branco)
#661491

#661491
rgb(102,20,145)

#8443a7

#8443a7
rgb(132,67,167)

#a372bd

#a372bd
rgb(163,114,189)

#c1a1d3

#c1a1d3
rgb(193,161,211)

#e0d0e9

#e0d0e9
rgb(224,208,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#661491

#661491
rgb(102,20,145)

#511074

#511074
rgb(81,16,116)

#3d0c57

#3d0c57
rgb(61,12,87)

#280739

#280739
rgb(40,7,57)

#14031c

#14031c
rgb(20,3,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #661491

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

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

Contraste

Branco e #661491
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #661491
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.

Exemplos CSS

Texto com cor hexadecimal #661491

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

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

Este parágrafo tem fundo de cor #661491.

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

Este elemento tem uma cor de borda de #661491.

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

Cores alietórias

#6cd3ad

#6cd3ad
rgb(108,211,173)

#86c35d

#86c35d
rgb(134,195,93)

#f04cd0

#f04cd0
rgb(240,76,208)

#2c864a

#2c864a
rgb(44,134,74)

#22a7bb

#22a7bb
rgb(34,167,187)

#5f113e

#5f113e
rgb(95,17,62)

#f51b93

#f51b93
rgb(245,27,147)

#39befe

#39befe
rgb(57,190,254)

#3311ee

#3311ee
rgb(51,17,238)

#57f687

#57f687
rgb(87,246,135)

#ce5ffb

#ce5ffb
rgb(206,95,251)

#21a8cc

#21a8cc
rgb(33,168,204)