Informação da cor #da44aa

A cor hexadecimal da44aa no modelo de cores RGB (Red, Green, Blue), é um composta por 218 de vermelho, 68 de verde e 170 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 68.8% de magenta, 22% de amarelo e 14.5% de preto. Tem um ângulo de matiz de 319.2 graus, uma saturação de 67% e uma leveza de 56.1%.

A cor mais próxima WebSafe é CC3399.

Conversões de #da44aa 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 da44aa
RGB 218, 68, 170
RGB Percentagem 85.5%, 26.7%, 66.7%
CMYK 0, 0.69, 0.22, 0.15
HSL 319.2°, 67%, 56.1%
HSV (ou HSB) 319.2°, 68.8%, 85.5%
RYB 85.5, 26.7, 66.7
Formato Cor
XYZ 40.2, 23.7, 43.5
CIELab 55.81, 65.87, -23.47
Decimal 14304426
Yxy 21.9458, 0.3807, 0.2185
YUV 124.478, 153.6896, 194.7062
CIELuv 53.9694, 81.022, -44.7129
Web Safe CC3399

Distribuição de #da44aa

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.

#da44aa

#da44aa
rgb(218,68,170)

#44da75

#44da75
rgb(68,218,117)

Cores triadicas

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

#aada44

#aada44
rgb(170,218,68)

#da44aa

#da44aa
rgb(218,68,170)

#44aada

#44aada
rgb(68,170,218)

Cores tetrádicas

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

#dac044

#dac044
rgb(218,192,68)

#da44aa

#da44aa
rgb(218,68,170)

#44da75

#44da75
rgb(68,218,117)

#445fda

#445fda
rgb(68,95,218)

Cores monocromáticas

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

#da44aa

#da44aa
rgb(218,68,170)

#daabcb

#daabcb
rgb(218,171,203)

#daa9cb

#daa9cb
rgb(218,169,203)

#daa7ca

#daa7ca
rgb(218,167,202)

#daa5c9

#daa5c9
rgb(218,165,201)

#daa2c9

#daa2c9
rgb(218,162,201)

Tons e Matizes de #da44aa

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

Matiz (adicionando branco)
#da44aa

#da44aa
rgb(218,68,170)

#e169bb

#e169bb
rgb(225,105,187)

#e88ecc

#e88ecc
rgb(232,142,204)

#f0b4dd

#f0b4dd
rgb(240,180,221)

#f7d9ee

#f7d9ee
rgb(247,217,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#da44aa

#da44aa
rgb(218,68,170)

#ae3688

#ae3688
rgb(174,54,136)

#822866

#822866
rgb(130,40,102)

#571b43

#571b43
rgb(87,27,67)

#2b0d21

#2b0d21
rgb(43,13,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #da44aa

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #da44aa.

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

Este elemento tem uma cor de borda de #da44aa.

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

Cores alietórias

#eacf57

#eacf57
rgb(234,207,87)

#0d55df

#0d55df
rgb(13,85,223)

#457d80

#457d80
rgb(69,125,128)

#a3cbef

#a3cbef
rgb(163,203,239)

#68ec0a

#68ec0a
rgb(104,236,10)

#44c34e

#44c34e
rgb(68,195,78)

#8025da

#8025da
rgb(128,37,218)

#dbf8f7

#dbf8f7
rgb(219,248,247)

#d33f52

#d33f52
rgb(211,63,82)

#361805

#361805
rgb(54,24,5)

#e4f260

#e4f260
rgb(228,242,96)

#3ae799

#3ae799
rgb(58,231,153)