Informação da cor #7d1ad7

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

No padrão de cores CMYK, é composto por 41.9% de ciano, 87.9% de magenta, 0% de amarelo e 15.7% de preto. Tem um ângulo de matiz de 271.4 graus, uma saturação de 78.4% e uma leveza de 47.3%.

A cor mais próxima WebSafe é 6600CC.

Conversões de #7d1ad7 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 7d1ad7
RGB 125, 26, 215
RGB Percentagem 49%, 10.2%, 84.3%
CMYK 0.42, 0.88, 0, 0.16
HSL 271.4°, 78.4%, 47.3%
HSV (ou HSB) 271.4°, 87.9%, 84.3%
RYB 49, 10.2, 84.3
Formato Cor
XYZ 22.9, 11.1, 67.3
CIELab 39.79, 70.47, -74.2
Decimal 8198871
Yxy 10.0048, 0.2192, 0.104
YUV 77.147, 205.7951, 162.132
CIELuv 37.8511, 15.9241, -109.5432
Web Safe 6600CC

Distribuição de #7d1ad7

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.

#7d1ad7

#7d1ad7
rgb(125,26,215)

#75d71a

#75d71a
rgb(117,215,26)

Cores triadicas

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

#d77d1a

#d77d1a
rgb(215,125,26)

#7d1ad7

#7d1ad7
rgb(125,26,215)

#1ad77d

#1ad77d
rgb(26,215,125)

Cores tetrádicas

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

#d71f1a

#d71f1a
rgb(215,31,26)

#7d1ad7

#7d1ad7
rgb(125,26,215)

#75d71a

#75d71a
rgb(117,215,26)

#1ad3d7

#1ad3d7
rgb(26,211,215)

Cores monocromáticas

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

#7d1ad7

#7d1ad7
rgb(125,26,215)

#c1a8d7

#c1a8d7
rgb(193,168,215)

#c0a6d7

#c0a6d7
rgb(192,166,215)

#bfa4d7

#bfa4d7
rgb(191,164,215)

#bea2d7

#bea2d7
rgb(190,162,215)

#bda0d7

#bda0d7
rgb(189,160,215)

Tons e Matizes de #7d1ad7

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

Matiz (adicionando branco)
#7d1ad7

#7d1ad7
rgb(125,26,215)

#9747df

#9747df
rgb(151,71,223)

#b175e7

#b175e7
rgb(177,117,231)

#cba3ef

#cba3ef
rgb(203,163,239)

#e5d1f7

#e5d1f7
rgb(229,209,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7d1ad7

#7d1ad7
rgb(125,26,215)

#6414ac

#6414ac
rgb(100,20,172)

#4b0f81

#4b0f81
rgb(75,15,129)

#310a55

#310a55
rgb(49,10,85)

#18052a

#18052a
rgb(24,5,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7d1ad7

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

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

Contraste

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

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

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

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

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

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

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

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

Cores alietórias

#e98ff0

#e98ff0
rgb(233,143,240)

#85b55a

#85b55a
rgb(133,181,90)

#988f5a

#988f5a
rgb(152,143,90)

#fb5bbf

#fb5bbf
rgb(251,91,191)

#1d31b8

#1d31b8
rgb(29,49,184)

#15e9ea

#15e9ea
rgb(21,233,234)

#f6d822

#f6d822
rgb(246,216,34)

#3bf178

#3bf178
rgb(59,241,120)

#8d7b56

#8d7b56
rgb(141,123,86)

#c988cb

#c988cb
rgb(201,136,203)

#cf9715

#cf9715
rgb(207,151,21)

#131849

#131849
rgb(19,24,73)