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

A cor hexadecimal #df0088 corresponde ao modelo de cores RGB (Red, Green, Blue), com 223 de vermelho, 0 de verde e 136 de azul.

No padrão CMYK, essa cor é composta por 0% de ciano, 100% de magenta, 39% de amarelo e 12.5% de preto. Ela possui um ângulo de matiz de 323.4 graus, uma saturação de 100% e uma leveza de 43.7%.

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

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	df0088
RGB	223, 0, 136
RGB Percentagem	87.5%, 0%, 53.3%
CMYK	0, 1, 0.39, 0.13
HSL	323.4°, 100%, 43.7%
HSV (ou HSB)	323.4°, 100%, 87.5%
RYB	87.5, 0, 53.3

Formato	Cor
XYZ	36.2, 18.1, 27.8
CIELab	49.6, 79.68, -13.71
Decimal	14614664
Yxy	17.4703, 0.452, 0.2264
YUV	82.181, 158.3719, 228.4416
CIELuv	48.8472, 112.9028, -28.5677
Web Safe	CC0066

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º.

#df0088

#00df58

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.

#88df00

#df0088

#0088df

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.

#dfc700

#df0088

#00df58

#0019df

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.

#df0088

#dfaecc

#dfaccb

#dfaacb

#dfa8ca

#dfa6c9

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

Matiz (adicionando branco)

#df0088

#e5339f

#eb66b7

#f299cf

#f8cce7

#ffffff

Sombra (adicionando preto)

#df0088

#b2006c

#850051

#590036

#2c001b

#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 #df0088 fica em um fundo branco.

Fundo preto

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

Fundo de cor #df0088

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

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

Branco e #df0088

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.

Preto e #df0088

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.

Texto com cor hexadecimal #df0088

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

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

Cor de fundo #df0088

Este parágrafo tem fundo de cor #df0088.

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

Borda de cor #000bef

Este elemento tem uma cor de borda de #df0088.

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

Códigos CSS

.text {color:#df0088;}

.background {background-color:#df0088;}

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

#b4d287

#2c087c

#29bd92

#fdf048

#c33258

#fc61d1

#b1be4e

#acfeba

#03db8e

#7dbf30

#01fe42

#8d78b0

Informação da cor #df0088

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

Distribuição de #df0088

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #df0088

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #df0088

Contraste

Branco e #df0088

Preto e #df0088

Exemplos CSS

Cores alietórias