Informação da cor #9d52aa

A cor hexadecimal 9d52aa no modelo de cores RGB (Red, Green, Blue), é um composta por 157 de vermelho, 82 de verde e 170 de azul.

No padrão de cores CMYK, é composto por 7.6% de ciano, 51.8% de magenta, 0% de amarelo e 33.3% de preto. Tem um ângulo de matiz de 291.1 graus, uma saturação de 34.9% e uma leveza de 49.4%.

A cor mais próxima WebSafe é 993399.

Conversões de #9d52aa 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 9d52aa
RGB 157, 82, 170
RGB Percentagem 61.6%, 32.2%, 66.7%
CMYK 0.08, 0.52, 0, 0.33
HSL 291.1°, 34.9%, 49.4%
HSV (ou HSB) 291.1°, 51.8%, 66.7%
RYB 61.6, 32.2, 66.7
Formato Cor
XYZ 26.8, 18.4, 43.2
CIELab 49.97, 43.34, -33.18
Decimal 10310314
Yxy 16.106, 0.3017, 0.201
YUV 114.457, 159.3448, 158.3445
CIELuv 47.1133, 32.5383, -56.4481
Web Safe 993399

Distribuição de #9d52aa

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.

#9d52aa

#9d52aa
rgb(157,82,170)

#5faa52

#5faa52
rgb(95,170,82)

Cores triadicas

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

#aa9e52

#aa9e52
rgb(170,158,82)

#9d52aa

#9d52aa
rgb(157,82,170)

#52aa9e

#52aa9e
rgb(82,170,158)

Cores tetrádicas

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

#aa7252

#aa7252
rgb(170,114,82)

#9d52aa

#9d52aa
rgb(157,82,170)

#5faa52

#5faa52
rgb(95,170,82)

#528baa

#528baa
rgb(82,139,170)

Cores monocromáticas

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

#9d52aa

#9d52aa
rgb(157,82,170)

#a586aa

#a586aa
rgb(165,134,170)

#a584aa

#a584aa
rgb(165,132,170)

#a583aa

#a583aa
rgb(165,131,170)

#a481aa

#a481aa
rgb(164,129,170)

#a47faa

#a47faa
rgb(164,127,170)

Tons e Matizes de #9d52aa

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

Matiz (adicionando branco)
#9d52aa

#9d52aa
rgb(157,82,170)

#b074bb

#b074bb
rgb(176,116,187)

#c497cc

#c497cc
rgb(196,151,204)

#d7b9dd

#d7b9dd
rgb(215,185,221)

#ebdcee

#ebdcee
rgb(235,220,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9d52aa

#9d52aa
rgb(157,82,170)

#7d4188

#7d4188
rgb(125,65,136)

#5e3166

#5e3166
rgb(94,49,102)

#3e2043

#3e2043
rgb(62,32,67)

#1f1021

#1f1021
rgb(31,16,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9d52aa

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

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

Contraste

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

Exemplos CSS

Texto com cor hexadecimal #9d52aa

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

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

Este parágrafo tem fundo de cor #9d52aa.

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

Este elemento tem uma cor de borda de #9d52aa.

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

Cores alietórias

#94627c

#94627c
rgb(148,98,124)

#e67190

#e67190
rgb(230,113,144)

#bbb4a9

#bbb4a9
rgb(187,180,169)

#6d696c

#6d696c
rgb(109,105,108)

#7b093f

#7b093f
rgb(123,9,63)

#4ea187

#4ea187
rgb(78,161,135)

#17abfb

#17abfb
rgb(23,171,251)

#5e1bb8

#5e1bb8
rgb(94,27,184)

#83ca60

#83ca60
rgb(131,202,96)

#e0b621

#e0b621
rgb(224,182,33)

#c98a47

#c98a47
rgb(201,138,71)

#969e6c

#969e6c
rgb(150,158,108)