Informação da cor #bd71a2

A cor hexadecimal bd71a2 no modelo de cores RGB (Red, Green, Blue), é um composta por 189 de vermelho, 113 de verde e 162 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 40.2% de magenta, 14.3% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 321.3 graus, uma saturação de 36.5% e uma leveza de 59.2%.

A cor mais próxima WebSafe é 996699.

Conversões de #bd71a2 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 bd71a2
RGB 189, 113, 162
RGB Percentagem 74.1%, 44.3%, 63.5%
CMYK 0, 0.4, 0.14, 0.26
HSL 321.3°, 36.5%, 59.2%
HSV (ou HSB) 321.3°, 40.2%, 74.1%
RYB 74.1, 44.3, 63.5
Formato Cor
XYZ 36.2, 28, 40.7
CIELab 59.9, 35.16, -13.22
Decimal 12415394
Yxy 25.2397, 0.3483, 0.2631
YUV 141.31, 139.6761, 162.0157
CIELuv 57.3082, 42.6783, -25.8687
Web Safe 996699

Distribuição de #bd71a2

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.

#bd71a2

#bd71a2
rgb(189,113,162)

#72bd8d

#72bd8d
rgb(114,189,141)

Cores triadicas

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

#a2bd72

#a2bd72
rgb(162,189,114)

#bd71a2

#bd71a2
rgb(189,113,162)

#72a2bd

#72a2bd
rgb(114,162,189)

Cores tetrádicas

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

#bdb372

#bdb372
rgb(189,179,114)

#bd71a2

#bd71a2
rgb(189,113,162)

#72bd8d

#72bd8d
rgb(114,189,141)

#727cbd

#727cbd
rgb(114,124,189)

Cores monocromáticas

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

#bd71a2

#bd71a2
rgb(189,113,162)

#bd95af

#bd95af
rgb(189,149,175)

#bd93ae

#bd93ae
rgb(189,147,174)

#bd91ae

#bd91ae
rgb(189,145,174)

#bd8fad

#bd8fad
rgb(189,143,173)

#bd8dac

#bd8dac
rgb(189,141,172)

Tons e Matizes de #bd71a2

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

Matiz (adicionando branco)
#bd71a2

#bd71a2
rgb(189,113,162)

#ca8db4

#ca8db4
rgb(202,141,180)

#d7a9c7

#d7a9c7
rgb(215,169,199)

#e4c6d9

#e4c6d9
rgb(228,198,217)

#f1e2ec

#f1e2ec
rgb(241,226,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bd71a2

#bd71a2
rgb(189,113,162)

#975a81

#975a81
rgb(151,90,129)

#714361

#714361
rgb(113,67,97)

#4b2d40

#4b2d40
rgb(75,45,64)

#251620

#251620
rgb(37,22,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bd71a2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bd71a2.

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

Este elemento tem uma cor de borda de #bd71a2.

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

Cores alietórias

#77690d

#77690d
rgb(119,105,13)

#e7a1bf

#e7a1bf
rgb(231,161,191)

#e9a959

#e9a959
rgb(233,169,89)

#5eab01

#5eab01
rgb(94,171,1)

#ec8ca1

#ec8ca1
rgb(236,140,161)

#3ba8f7

#3ba8f7
rgb(59,168,247)

#0ad5aa

#0ad5aa
rgb(10,213,170)

#282d4e

#282d4e
rgb(40,45,78)

#ef8e71

#ef8e71
rgb(239,142,113)

#513f92

#513f92
rgb(81,63,146)

#a6b30e

#a6b30e
rgb(166,179,14)

#a3056d

#a3056d
rgb(163,5,109)