Cor #d532ae - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #d532ae corresponde ao modelo de cores RGB (Red, Green, Blue), com 213 de vermelho, 50 de verde e 174 de azul.

No padrão CMYK, essa cor é composta por 0% de ciano, 76.5% de magenta, 18.3% de amarelo e 16.5% de preto. Ela possui um ângulo de matiz de 314.4 graus, uma saturação de 66% e uma leveza de 51.6%.

Para ser mais WebSafe a cor mais próxima é CC0099.

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	d532ae
RGB	213, 50, 174
RGB Percentagem	83.5%, 19.6%, 68.2%
CMYK	0, 0.77, 0.18, 0.16
HSL	314.4°, 66%, 51.6%
HSV (ou HSB)	314.4°, 76.5%, 83.5%
RYB	83.5, 19.6, 68.2

Formato	Cor
XYZ	38.1, 21, 45.1
CIELab	52.9, 71.72, -30.23
Decimal	13972142
Yxy	19.487, 0.3711, 0.1997
YUV	112.873, 162.496, 199.4173
CIELuv	51.2521, 80.7264, -54.7666
Web Safe	CC0099

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#d532ae

#33d55a

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#aed533

#d532ae

#33aed5

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#d5ab33

#d532ae

#33d55a

#335dd5

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#d532ae

#d5a7ca

#d5a5ca

#d5a3c9

#d5a1c9

#d59fc8

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

Matiz (adicionando branco)

#d532ae

#dd5bbe

#e584ce

#eeadde

#f6d6ee

#ffffff

Sombra (adicionando preto)

#d532ae

#aa288b

#7f1e68

#551345

#2a0922

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #d532ae

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

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

Branco e #d532ae

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 #d532ae

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.

Texto com cor hexadecimal #d532ae

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

<span style="color:#d532ae;">Aqui fica o texto.</span>

Cor de fundo #d532ae

Este parágrafo tem fundo de cor #d532ae.

<p style="background-color:#d532ae;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #d532ae.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#d532ae;}

.background {background-color:#d532ae;}

.border {border:1px solid #d532ae;}

#11b530

#fb87bb

#87c4a2

#6cc06a

#9247ea

#c80e4d

#b95cf8

#03d7e6

#6515ff

#d5988d

#41595c

#4bd4ca

Informação da cor #d532ae

Conversões da cor #d532ae num outro espaço de cores

Distribuição de #d532ae

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #d532ae

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #d532ae

Contraste

Branco e #d532ae

Preto e #d532ae

Exemplos CSS

Cores alietórias