Informação da cor #7d70ab

A cor hexadecimal 7d70ab no modelo de cores RGB (Red, Green, Blue), é um composta por 125 de vermelho, 112 de verde e 171 de azul.

No padrão de cores CMYK, é composto por 26.9% de ciano, 34.5% de magenta, 0% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 253.2 graus, uma saturação de 26% e uma leveza de 55.5%.

A cor mais próxima WebSafe é 666699.

Conversões de #7d70ab 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 7d70ab
RGB 125, 112, 171
RGB Percentagem 49%, 43.9%, 67.1%
CMYK 0.27, 0.35, 0, 0.33
HSL 253.2°, 26%, 55.5%
HSV (ou HSB) 253.2°, 34.5%, 67.1%
RYB 49, 43.9, 67.1
Formato Cor
XYZ 24.3, 21.6, 44.4
CIELab 53.63, 17.27, -28.26
Decimal 8220843
Yxy 18.8883, 0.265, 0.2317
YUV 122.613, 155.3064, 129.7026
CIELuv 50.5563, 2.6487, -46.7691
Web Safe 666699

Distribuição de #7d70ab

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.

#7d70ab

#7d70ab
rgb(125,112,171)

#9fab70

#9fab70
rgb(159,171,112)

Cores triadicas

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

#ab7d70

#ab7d70
rgb(171,125,112)

#7d70ab

#7d70ab
rgb(125,112,171)

#70ab7d

#70ab7d
rgb(112,171,125)

Cores tetrádicas

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

#ab7081

#ab7081
rgb(171,112,129)

#7d70ab

#7d70ab
rgb(125,112,171)

#9fab70

#9fab70
rgb(159,171,112)

#70ab9b

#70ab9b
rgb(112,171,155)

Cores monocromáticas

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

#7d70ab

#7d70ab
rgb(125,112,171)

#8f87ab

#8f87ab
rgb(143,135,171)

#8e85ab

#8e85ab
rgb(142,133,171)

#8c84ab

#8c84ab
rgb(140,132,171)

#8b82ab

#8b82ab
rgb(139,130,171)

#8a80ab

#8a80ab
rgb(138,128,171)

Tons e Matizes de #7d70ab

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

Matiz (adicionando branco)
#7d70ab

#7d70ab
rgb(125,112,171)

#978cbb

#978cbb
rgb(151,140,187)

#b1a9cc

#b1a9cc
rgb(177,169,204)

#cbc5dd

#cbc5dd
rgb(203,197,221)

#e5e2ee

#e5e2ee
rgb(229,226,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7d70ab

#7d70ab
rgb(125,112,171)

#645988

#645988
rgb(100,89,136)

#4b4366

#4b4366
rgb(75,67,102)

#312c44

#312c44
rgb(49,44,68)

#181622

#181622
rgb(24,22,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7d70ab

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #7d70ab.

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

Este elemento tem uma cor de borda de #7d70ab.

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

Cores alietórias

#7cc3fe

#7cc3fe
rgb(124,195,254)

#10fac6

#10fac6
rgb(16,250,198)

#6520b9

#6520b9
rgb(101,32,185)

#cbeaf3

#cbeaf3
rgb(203,234,243)

#9a353a

#9a353a
rgb(154,53,58)

#453376

#453376
rgb(69,51,118)

#f9e008

#f9e008
rgb(249,224,8)

#322afd

#322afd
rgb(50,42,253)

#d9f191

#d9f191
rgb(217,241,145)

#ecaeb7

#ecaeb7
rgb(236,174,183)

#c7673b

#c7673b
rgb(199,103,59)

#ebf013

#ebf013
rgb(235,240,19)