Informação da cor #a70588

A cor hexadecimal a70588 no modelo de cores RGB (Red, Green, Blue), é um composta por 167 de vermelho, 5 de verde e 136 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 97% de magenta, 18.6% de amarelo e 34.5% de preto. Tem um ângulo de matiz de 311.5 graus, uma saturação de 94.2% e uma leveza de 33.7%.

A cor mais próxima WebSafe é 990066.

Conversões de #a70588 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 a70588
RGB 167, 5, 136
RGB Percentagem 65.5%, 2%, 53.3%
CMYK 0, 0.97, 0.19, 0.35
HSL 311.5°, 94.2%, 33.7%
HSV (ou HSB) 311.5°, 97%, 65.5%
RYB 65.5, 2, 53.3
Formato Cor
XYZ 22.3, 11, 27.1
CIELab 39.58, 68.81, -30.01
Decimal 10945928
Yxy 10.1038, 0.3736, 0.1847
YUV 68.372, 166.1648, 198.3481
CIELuv 38.0281, 67.4852, -47.6486
Web Safe 990066

Distribuição de #a70588

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.

#a70588

#a70588
rgb(167,5,136)

#06a724

#06a724
rgb(6,167,36)

Cores triadicas

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

#89a706

#89a706
rgb(137,167,6)

#a70588

#a70588
rgb(167,5,136)

#0689a7

#0689a7
rgb(6,137,167)

Cores tetrádicas

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

#a77506

#a77506
rgb(167,117,6)

#a70588

#a70588
rgb(167,5,136)

#06a724

#06a724
rgb(6,167,36)

#0638a7

#0638a7
rgb(6,56,167)

Cores monocromáticas

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

#a70588

#a70588
rgb(167,5,136)

#a783a0

#a783a0
rgb(167,131,160)

#a781a0

#a781a0
rgb(167,129,160)

#a77fa0

#a77fa0
rgb(167,127,160)

#a77ea0

#a77ea0
rgb(167,126,160)

#a77c9f

#a77c9f
rgb(167,124,159)

Tons e Matizes de #a70588

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

Matiz (adicionando branco)
#a70588

#a70588
rgb(167,5,136)

#b8379f

#b8379f
rgb(184,55,159)

#ca69b7

#ca69b7
rgb(202,105,183)

#db9bcf

#db9bcf
rgb(219,155,207)

#edcde7

#edcde7
rgb(237,205,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a70588

#a70588
rgb(167,5,136)

#85046c

#85046c
rgb(133,4,108)

#640351

#640351
rgb(100,3,81)

#420136

#420136
rgb(66,1,54)

#21001b

#21001b
rgb(33,0,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a70588

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a70588.

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

Este elemento tem uma cor de borda de #a70588.

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

Cores alietórias

#7715f4

#7715f4
rgb(119,21,244)

#225d05

#225d05
rgb(34,93,5)

#49aadc

#49aadc
rgb(73,170,220)

#b16b4c

#b16b4c
rgb(177,107,76)

#28ca6e

#28ca6e
rgb(40,202,110)

#7f6929

#7f6929
rgb(127,105,41)

#fecc69

#fecc69
rgb(254,204,105)

#1fb69b

#1fb69b
rgb(31,182,155)

#dd4f9c

#dd4f9c
rgb(221,79,156)

#02a6a0

#02a6a0
rgb(2,166,160)

#b358dd

#b358dd
rgb(179,88,221)

#417b0d

#417b0d
rgb(65,123,13)