Informação da cor #da44b8

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

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

A cor mais próxima WebSafe é CC3399.

Conversões de #da44b8 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 da44b8
RGB 218, 68, 184
RGB Percentagem 85.5%, 26.7%, 72.2%
CMYK 0, 0.69, 0.16, 0.15
HSL 313.6°, 67%, 56.1%
HSV (ou HSB) 313.6°, 68.8%, 85.5%
RYB 85.5, 26.7, 72.2
Formato Cor
XYZ 41.6, 24.3, 50.7
CIELab 56.36, 67.72, -30.25
Decimal 14304440
Yxy 22.504, 0.3612, 0.2051
YUV 126.074, 160.6896, 193.5678
CIELuv 54.5577, 75.921, -55.9077
Web Safe CC3399

Distribuição de #da44b8

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.

#da44b8

#da44b8
rgb(218,68,184)

#44da67

#44da67
rgb(68,218,103)

Cores triadicas

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

#b8da44

#b8da44
rgb(184,218,68)

#da44b8

#da44b8
rgb(218,68,184)

#44b8da

#44b8da
rgb(68,184,218)

Cores tetrádicas

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

#dab244

#dab244
rgb(218,178,68)

#da44b8

#da44b8
rgb(218,68,184)

#44da67

#44da67
rgb(68,218,103)

#446dda

#446dda
rgb(68,109,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.

#da44b8

#da44b8
rgb(218,68,184)

#daabd0

#daabd0
rgb(218,171,208)

#daa9cf

#daa9cf
rgb(218,169,207)

#daa7cf

#daa7cf
rgb(218,167,207)

#daa5ce

#daa5ce
rgb(218,165,206)

#daa2ce

#daa2ce
rgb(218,162,206)

Tons e Matizes de #da44b8

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

Matiz (adicionando branco)
#da44b8

#da44b8
rgb(218,68,184)

#e169c6

#e169c6
rgb(225,105,198)

#e88ed4

#e88ed4
rgb(232,142,212)

#f0b4e2

#f0b4e2
rgb(240,180,226)

#f7d9f0

#f7d9f0
rgb(247,217,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#da44b8

#da44b8
rgb(218,68,184)

#ae3693

#ae3693
rgb(174,54,147)

#82286e

#82286e
rgb(130,40,110)

#571b49

#571b49
rgb(87,27,73)

#2b0d24

#2b0d24
rgb(43,13,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #da44b8

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #da44b8.

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

Este elemento tem uma cor de borda de #da44b8.

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

Cores alietórias

#cfb064

#cfb064
rgb(207,176,100)

#e8f196

#e8f196
rgb(232,241,150)

#c9a8e8

#c9a8e8
rgb(201,168,232)

#9fbf1d

#9fbf1d
rgb(159,191,29)

#e5df0c

#e5df0c
rgb(229,223,12)

#2de91d

#2de91d
rgb(45,233,29)

#e859f6

#e859f6
rgb(232,89,246)

#bbc5a2

#bbc5a2
rgb(187,197,162)

#7663a9

#7663a9
rgb(118,99,169)

#842ddc

#842ddc
rgb(132,45,220)

#1eaab1

#1eaab1
rgb(30,170,177)

#961ba8

#961ba8
rgb(150,27,168)