Informação da cor #a90271

A cor hexadecimal a90271 no modelo de cores RGB (Red, Green, Blue), é um composta por 169 de vermelho, 2 de verde e 113 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 98.8% de magenta, 33.1% de amarelo e 33.7% de preto. Tem um ângulo de matiz de 320.1 graus, uma saturação de 97.7% e uma leveza de 33.5%.

A cor mais próxima WebSafe é 990066.

Conversões de #a90271 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 a90271
RGB 169, 2, 113
RGB Percentagem 66.3%, 0.8%, 44.3%
CMYK 0, 0.99, 0.33, 0.34
HSL 320.1°, 97.7%, 33.5%
HSV (ou HSB) 320.1°, 98.8%, 66.3%
RYB 66.3, 0.8, 44.3
Formato Cor
XYZ 21.2, 10.5, 19.1
CIELab 38.79, 66.84, -17.43
Decimal 11076209
Yxy 9.6732, 0.4256, 0.2126
YUV 64.587, 155.3211, 202.4744
CIELuv 37.2493, 79.5933, -29.6656
Web Safe 990066

Distribuição de #a90271

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.

#a90271

#a90271
rgb(169,2,113)

#02a93a

#02a93a
rgb(2,169,58)

Cores triadicas

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

#72a902

#72a902
rgb(114,169,2)

#a90271

#a90271
rgb(169,2,113)

#0272a9

#0272a9
rgb(2,114,169)

Cores tetrádicas

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

#a98e02

#a98e02
rgb(169,142,2)

#a90271

#a90271
rgb(169,2,113)

#02a93a

#02a93a
rgb(2,169,58)

#021ea9

#021ea9
rgb(2,30,169)

Cores monocromáticas

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

#a90271

#a90271
rgb(169,2,113)

#a9849d

#a9849d
rgb(169,132,157)

#a9839c

#a9839c
rgb(169,131,156)

#a9819c

#a9819c
rgb(169,129,156)

#a97f9b

#a97f9b
rgb(169,127,155)

#a97e9b

#a97e9b
rgb(169,126,155)

Tons e Matizes de #a90271

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

Matiz (adicionando branco)
#a90271

#a90271
rgb(169,2,113)

#ba348d

#ba348d
rgb(186,52,141)

#cb67a9

#cb67a9
rgb(203,103,169)

#dc99c6

#dc99c6
rgb(220,153,198)

#edcce2

#edcce2
rgb(237,204,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a90271

#a90271
rgb(169,2,113)

#87015a

#87015a
rgb(135,1,90)

#650143

#650143
rgb(101,1,67)

#43002d

#43002d
rgb(67,0,45)

#210016

#210016
rgb(33,0,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a90271

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a90271.

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

Este elemento tem uma cor de borda de #a90271.

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

Cores alietórias

#f09e05

#f09e05
rgb(240,158,5)

#52f5dd

#52f5dd
rgb(82,245,221)

#d2a926

#d2a926
rgb(210,169,38)

#537055

#537055
rgb(83,112,85)

#6d86c3

#6d86c3
rgb(109,134,195)

#aea756

#aea756
rgb(174,167,86)

#286804

#286804
rgb(40,104,4)

#d59251

#d59251
rgb(213,146,81)

#e7dd34

#e7dd34
rgb(231,221,52)

#8db00d

#8db00d
rgb(141,176,13)

#da6e78

#da6e78
rgb(218,110,120)

#a136b6

#a136b6
rgb(161,54,182)