Informação da cor #d272a7

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

No padrão de cores CMYK, é composto por 0% de ciano, 45.7% de magenta, 20.5% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 326.9 graus, uma saturação de 51.6% e uma leveza de 63.5%.

A cor mais próxima WebSafe é CC6699.

Conversões de #d272a7 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 d272a7
RGB 210, 114, 167
RGB Percentagem 82.4%, 44.7%, 65.5%
CMYK 0, 0.46, 0.2, 0.18
HSL 326.9°, 51.6%, 63.5%
HSV (ou HSB) 326.9°, 45.7%, 82.4%
RYB 82.4, 44.7, 65.5
Formato Cor
XYZ 42.1, 31.2, 43.4
CIELab 62.67, 42.04, -11.51
Decimal 13791911
Yxy 28.5292, 0.3661, 0.264
YUV 148.746, 138.3013, 171.6905
CIELuv 60.3639, 56.198, -24.5171
Web Safe CC6699

Distribuição de #d272a7

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.

#d272a7

#d272a7
rgb(210,114,167)

#72d29d

#72d29d
rgb(114,210,157)

Cores triadicas

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

#a7d272

#a7d272
rgb(167,210,114)

#d272a7

#d272a7
rgb(210,114,167)

#72a7d2

#72a7d2
rgb(114,167,210)

Cores tetrádicas

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

#d2cd72

#d2cd72
rgb(210,205,114)

#d272a7

#d272a7
rgb(210,114,167)

#72d29d

#72d29d
rgb(114,210,157)

#7277d2

#7277d2
rgb(114,119,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.

#d272a7

#d272a7
rgb(210,114,167)

#d2a5be

#d2a5be
rgb(210,165,190)

#d2a3bd

#d2a3bd
rgb(210,163,189)

#d2a1bc

#d2a1bc
rgb(210,161,188)

#d29fbb

#d29fbb
rgb(210,159,187)

#d29dbb

#d29dbb
rgb(210,157,187)

Tons e Matizes de #d272a7

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

Matiz (adicionando branco)
#d272a7

#d272a7
rgb(210,114,167)

#db8eb8

#db8eb8
rgb(219,142,184)

#e4aaca

#e4aaca
rgb(228,170,202)

#edc6db

#edc6db
rgb(237,198,219)

#f6e2ed

#f6e2ed
rgb(246,226,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d272a7

#d272a7
rgb(210,114,167)

#a85b85

#a85b85
rgb(168,91,133)

#7e4464

#7e4464
rgb(126,68,100)

#532d42

#532d42
rgb(83,45,66)

#291621

#291621
rgb(41,22,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d272a7

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d272a7.

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

Este elemento tem uma cor de borda de #d272a7.

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

Cores alietórias

#67f5b5

#67f5b5
rgb(103,245,181)

#b60b59

#b60b59
rgb(182,11,89)

#e684d1

#e684d1
rgb(230,132,209)

#39dbdf

#39dbdf
rgb(57,219,223)

#87fd6b

#87fd6b
rgb(135,253,107)

#4255a9

#4255a9
rgb(66,85,169)

#c303e1

#c303e1
rgb(195,3,225)

#bf8522

#bf8522
rgb(191,133,34)

#4e829c

#4e829c
rgb(78,130,156)

#622020

#622020
rgb(98,32,32)

#a2e37e

#a2e37e
rgb(162,227,126)

#f87ff9

#f87ff9
rgb(248,127,249)