Informação da cor #d2639f

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

No padrão de cores CMYK, é composto por 0% de ciano, 52.9% de magenta, 24.3% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 327.6 graus, uma saturação de 55.2% e uma leveza de 60.6%.

A cor mais próxima WebSafe é CC3399.

Conversões de #d2639f 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 d2639f
RGB 210, 99, 159
RGB Percentagem 82.4%, 38.8%, 62.4%
CMYK 0, 0.53, 0.24, 0.18
HSL 327.6°, 55.2%, 60.6%
HSV (ou HSB) 327.6°, 52.9%, 82.4%
RYB 82.4, 38.8, 62.4
Formato Cor
XYZ 39.7, 27.6, 39.1
CIELab 59.49, 48.4, -11.94
Decimal 13788063
Yxy 25.1318, 0.3802, 0.2562
YUV 139.029, 139.2703, 178.6213
CIELuv 57.2036, 65.7035, -25.6283
Web Safe CC3399

Distribuição de #d2639f

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.

#d2639f

#d2639f
rgb(210,99,159)

#63d296

#63d296
rgb(99,210,150)

Cores triadicas

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

#a0d263

#a0d263
rgb(160,210,99)

#d2639f

#d2639f
rgb(210,99,159)

#63a0d2

#63a0d2
rgb(99,160,210)

Cores tetrádicas

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

#d2ce63

#d2ce63
rgb(210,206,99)

#d2639f

#d2639f
rgb(210,99,159)

#63d296

#63d296
rgb(99,210,150)

#6368d2

#6368d2
rgb(99,104,210)

Cores monocromáticas

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

#d2639f

#d2639f
rgb(210,99,159)

#d2a5be

#d2a5be
rgb(210,165,190)

#d2a3bd

#d2a3bd
rgb(210,163,189)

#d2a1bc

#d2a1bc
rgb(210,161,188)

#d29fbb

#d29fbb
rgb(210,159,187)

#d29dba

#d29dba
rgb(210,157,186)

Tons e Matizes de #d2639f

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

Matiz (adicionando branco)
#d2639f

#d2639f
rgb(210,99,159)

#db82b2

#db82b2
rgb(219,130,178)

#e4a1c5

#e4a1c5
rgb(228,161,197)

#edc0d8

#edc0d8
rgb(237,192,216)

#f6dfeb

#f6dfeb
rgb(246,223,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d2639f

#d2639f
rgb(210,99,159)

#a84f7f

#a84f7f
rgb(168,79,127)

#7e3b5f

#7e3b5f
rgb(126,59,95)

#53273f

#53273f
rgb(83,39,63)

#29131f

#29131f
rgb(41,19,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d2639f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d2639f.

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

Este elemento tem uma cor de borda de #d2639f.

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

Cores alietórias

#21a70f

#21a70f
rgb(33,167,15)

#233bf5

#233bf5
rgb(35,59,245)

#0e7ee4

#0e7ee4
rgb(14,126,228)

#b9244b

#b9244b
rgb(185,36,75)

#67faa3

#67faa3
rgb(103,250,163)

#571a69

#571a69
rgb(87,26,105)

#56a632

#56a632
rgb(86,166,50)

#6bb078

#6bb078
rgb(107,176,120)

#5b3487

#5b3487
rgb(91,52,135)

#3909d5

#3909d5
rgb(57,9,213)

#5eae08

#5eae08
rgb(94,174,8)

#87a198

#87a198
rgb(135,161,152)