Informação da cor #dd156d

A cor hexadecimal dd156d no modelo de cores RGB (Red, Green, Blue), é um composta por 221 de vermelho, 21 de verde e 109 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 90.5% de magenta, 50.7% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 333.6 graus, uma saturação de 82.6% e uma leveza de 47.5%.

A cor mais próxima WebSafe é CC0066.

Conversões de #dd156d 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 dd156d
RGB 221, 21, 109
RGB Percentagem 86.7%, 8.2%, 42.7%
CMYK 0, 0.9, 0.51, 0.13
HSL 333.6°, 82.6%, 47.5%
HSV (ou HSB) 333.6°, 90.5%, 86.7%
RYB 86.7, 8.2, 42.7
Formato Cor
XYZ 34.3, 17.9, 18.6
CIELab 49.36, 74.12, 1.8
Decimal 14488941
Yxy 17.0175, 0.4986, 0.2583
YUV 90.832, 138.2528, 220.8445
CIELuv 48.282, 121.1621, -7.9996
Web Safe CC0066

Distribuição de #dd156d

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.

#dd156d

#dd156d
rgb(221,21,109)

#15dd86

#15dd86
rgb(21,221,134)

Cores triadicas

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

#6ddd15

#6ddd15
rgb(109,221,21)

#dd156d

#dd156d
rgb(221,21,109)

#156ddd

#156ddd
rgb(21,109,221)

Cores tetrádicas

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

#d1dd15

#d1dd15
rgb(209,221,21)

#dd156d

#dd156d
rgb(221,21,109)

#15dd86

#15dd86
rgb(21,221,134)

#2215dd

#2215dd
rgb(34,21,221)

Cores monocromáticas

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

#dd156d

#dd156d
rgb(221,21,109)

#ddadc2

#ddadc2
rgb(221,173,194)

#ddabc1

#ddabc1
rgb(221,171,193)

#dda9c0

#dda9c0
rgb(221,169,192)

#dda6bf

#dda6bf
rgb(221,166,191)

#dda4bd

#dda4bd
rgb(221,164,189)

Tons e Matizes de #dd156d

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

Matiz (adicionando branco)
#dd156d

#dd156d
rgb(221,21,109)

#e3438a

#e3438a
rgb(227,67,138)

#ea72a7

#ea72a7
rgb(234,114,167)

#f1a1c4

#f1a1c4
rgb(241,161,196)

#f8d0e1

#f8d0e1
rgb(248,208,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dd156d

#dd156d
rgb(221,21,109)

#b01057

#b01057
rgb(176,16,87)

#840c41

#840c41
rgb(132,12,65)

#58082b

#58082b
rgb(88,8,43)

#2c0415

#2c0415
rgb(44,4,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dd156d

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dd156d.

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

Este elemento tem uma cor de borda de #dd156d.

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

Cores alietórias

#c67119

#c67119
rgb(198,113,25)

#43f9f3

#43f9f3
rgb(67,249,243)

#9b60c9

#9b60c9
rgb(155,96,201)

#09f0a6

#09f0a6
rgb(9,240,166)

#93c1f5

#93c1f5
rgb(147,193,245)

#19df83

#19df83
rgb(25,223,131)

#937771

#937771
rgb(147,119,113)

#6102c0

#6102c0
rgb(97,2,192)

#7aeff2

#7aeff2
rgb(122,239,242)

#ffcea1

#ffcea1
rgb(255,206,161)

#1d1bee

#1d1bee
rgb(29,27,238)

#287a92

#287a92
rgb(40,122,146)