Informação da cor #d2a3e5

A cor hexadecimal d2a3e5 no modelo de cores RGB (Red, Green, Blue), é um composta por 210 de vermelho, 163 de verde e 229 de azul.

No padrão de cores CMYK, é composto por 8.3% de ciano, 28.8% de magenta, 0% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 282.7 graus, uma saturação de 55.9% e uma leveza de 76.9%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #d2a3e5 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 d2a3e5
RGB 210, 163, 229
RGB Percentagem 82.4%, 63.9%, 89.8%
CMYK 0.08, 0.29, 0, 0.1
HSL 282.7°, 55.9%, 76.9%
HSV (ou HSB) 282.7°, 28.8%, 89.8%
RYB 82.4, 63.9, 89.8
Formato Cor
XYZ 56.2, 48.5, 82
CIELab 75.12, 27.02, -24.88
Decimal 13804517
Yxy 45.5542, 0.2999, 0.2539
YUV 184.577, 153.0694, 146.1334
CIELuv 73.2553, 21.3468, -46.5154
Web Safe CC99CC

Distribuição de #d2a3e5

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.

#d2a3e5

#d2a3e5
rgb(210,163,229)

#b7e5a4

#b7e5a4
rgb(183,229,164)

Cores triadicas

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

#e5d2a4

#e5d2a4
rgb(229,210,164)

#d2a3e5

#d2a3e5
rgb(210,163,229)

#a4e5d2

#a4e5d2
rgb(164,229,210)

Cores tetrádicas

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

#e5b1a4

#e5b1a4
rgb(229,177,164)

#d2a3e5

#d2a3e5
rgb(210,163,229)

#b7e5a4

#b7e5a4
rgb(183,229,164)

#a4d8e5

#a4d8e5
rgb(164,216,229)

Cores monocromáticas

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

#d2a3e5

#d2a3e5
rgb(210,163,229)

#d7b5e5

#d7b5e5
rgb(215,181,229)

#d7b2e5

#d7b2e5
rgb(215,178,229)

#d6b0e5

#d6b0e5
rgb(214,176,229)

#d5aee5

#d5aee5
rgb(213,174,229)

#d5ace5

#d5ace5
rgb(213,172,229)

Tons e Matizes de #d2a3e5

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

Matiz (adicionando branco)
#d2a3e5

#d2a3e5
rgb(210,163,229)

#dbb5ea

#dbb5ea
rgb(219,181,234)

#e4c7ef

#e4c7ef
rgb(228,199,239)

#eddaf4

#eddaf4
rgb(237,218,244)

#f6ecf9

#f6ecf9
rgb(246,236,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d2a3e5

#d2a3e5
rgb(210,163,229)

#a882b7

#a882b7
rgb(168,130,183)

#7e6189

#7e6189
rgb(126,97,137)

#53415b

#53415b
rgb(83,65,91)

#29202d

#29202d
rgb(41,32,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d2a3e5

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

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

Contraste

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

Preto e #d2a3e5
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.

Exemplos CSS

Texto com cor hexadecimal #d2a3e5

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

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

Este parágrafo tem fundo de cor #d2a3e5.

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

Este elemento tem uma cor de borda de #d2a3e5.

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

Cores alietórias

#4359ed

#4359ed
rgb(67,89,237)

#3c63ce

#3c63ce
rgb(60,99,206)

#e77863

#e77863
rgb(231,120,99)

#b15f5e

#b15f5e
rgb(177,95,94)

#0a8c3b

#0a8c3b
rgb(10,140,59)

#77fe94

#77fe94
rgb(119,254,148)

#de738f

#de738f
rgb(222,115,143)

#9d11ec

#9d11ec
rgb(157,17,236)

#f23421

#f23421
rgb(242,52,33)

#836d10

#836d10
rgb(131,109,16)

#f68021

#f68021
rgb(246,128,33)

#496346

#496346
rgb(73,99,70)