Informação da cor #d8049f

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

No padrão de cores CMYK, é composto por 0% de ciano, 98.1% de magenta, 26.4% de amarelo e 15.3% de preto. Tem um ângulo de matiz de 316.1 graus, uma saturação de 96.4% e uma leveza de 43.1%.

A cor mais próxima WebSafe é CC0099.

Conversões de #d8049f 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 d8049f
RGB 216, 4, 159
RGB Percentagem 84.7%, 1.6%, 62.4%
CMYK 0, 0.98, 0.26, 0.15
HSL 316.1°, 96.4%, 43.1%
HSV (ou HSB) 316.1°, 98.2%, 84.7%
RYB 84.7, 1.6, 62.4
Formato Cor
XYZ 36.1, 17.9, 37.4
CIELab 49.36, 80.39, -27.35
Decimal 14156959
Yxy 17.1931, 0.4021, 0.1997
YUV 85.058, 169.728, 221.3966
CIELuv 48.5024, 96.1055, -48.5373
Web Safe CC0099

Distribuição de #d8049f

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.

#d8049f

#d8049f
rgb(216,4,159)

#04d83e

#04d83e
rgb(4,216,62)

Cores triadicas

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

#9fd804

#9fd804
rgb(159,216,4)

#d8049f

#d8049f
rgb(216,4,159)

#049fd8

#049fd8
rgb(4,159,216)

Cores tetrádicas

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

#d8a804

#d8a804
rgb(216,168,4)

#d8049f

#d8049f
rgb(216,4,159)

#04d83e

#04d83e
rgb(4,216,62)

#0435d8

#0435d8
rgb(4,53,216)

Cores monocromáticas

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

#d8049f

#d8049f
rgb(216,4,159)

#d8a9cc

#d8a9cc
rgb(216,169,204)

#d8a7cb

#d8a7cb
rgb(216,167,203)

#d8a5cb

#d8a5cb
rgb(216,165,203)

#d8a3ca

#d8a3ca
rgb(216,163,202)

#d8a0c9

#d8a0c9
rgb(216,160,201)

Tons e Matizes de #d8049f

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

Matiz (adicionando branco)
#d8049f

#d8049f
rgb(216,4,159)

#df36b2

#df36b2
rgb(223,54,178)

#e768c5

#e768c5
rgb(231,104,197)

#ef9ad8

#ef9ad8
rgb(239,154,216)

#f7cceb

#f7cceb
rgb(247,204,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d8049f

#d8049f
rgb(216,4,159)

#ac037f

#ac037f
rgb(172,3,127)

#81025f

#81025f
rgb(129,2,95)

#56013f

#56013f
rgb(86,1,63)

#2b001f

#2b001f
rgb(43,0,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d8049f

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

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

Contraste

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

Exemplos CSS

Texto com cor hexadecimal #d8049f

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

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

Este parágrafo tem fundo de cor #d8049f.

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

Este elemento tem uma cor de borda de #d8049f.

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

Cores alietórias

#2b3dc8

#2b3dc8
rgb(43,61,200)

#619a8c

#619a8c
rgb(97,154,140)

#e8fb7e

#e8fb7e
rgb(232,251,126)

#fdaa1b

#fdaa1b
rgb(253,170,27)

#cdd7eb

#cdd7eb
rgb(205,215,235)

#b9462a

#b9462a
rgb(185,70,42)

#bb2d23

#bb2d23
rgb(187,45,35)

#2325d8

#2325d8
rgb(35,37,216)

#a6060c

#a6060c
rgb(166,6,12)

#c59ded

#c59ded
rgb(197,157,237)

#44b6f8

#44b6f8
rgb(68,182,248)

#dc1029

#dc1029
rgb(220,16,41)