Informação da cor #b72168

A cor hexadecimal b72168 no modelo de cores RGB (Red, Green, Blue), é um composta por 183 de vermelho, 33 de verde e 104 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 82% de magenta, 43.2% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 331.6 graus, uma saturação de 69.4% e uma leveza de 42.4%.

A cor mais próxima WebSafe é 990066.

Conversões de #b72168 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 b72168
RGB 183, 33, 104
RGB Percentagem 71.8%, 12.9%, 40.8%
CMYK 0, 0.82, 0.43, 0.28
HSL 331.6°, 69.4%, 42.4%
HSV (ou HSB) 331.6°, 82%, 71.8%
RYB 71.8, 12.9, 40.8
Formato Cor
XYZ 24.5, 13.4, 16.7
CIELab 43.41, 62.13, -4.71
Decimal 12001640
Yxy 12.1575, 0.4608, 0.2482
YUV 85.944, 138.1896, 197.2268
CIELuv 41.4654, 89.8546, -14.3316
Web Safe 990066

Distribuição de #b72168

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.

#b72168

#b72168
rgb(183,33,104)

#21b771

#21b771
rgb(33,183,113)

Cores triadicas

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

#68b721

#68b721
rgb(104,183,33)

#b72168

#b72168
rgb(183,33,104)

#2168b7

#2168b7
rgb(33,104,183)

Cores tetrádicas

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

#b3b721

#b3b721
rgb(179,183,33)

#b72168

#b72168
rgb(183,33,104)

#21b771

#21b771
rgb(33,183,113)

#2621b7

#2621b7
rgb(38,33,183)

Cores monocromáticas

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

#b72168

#b72168
rgb(183,33,104)

#b790a2

#b790a2
rgb(183,144,162)

#b78ea2

#b78ea2
rgb(183,142,162)

#b78ca1

#b78ca1
rgb(183,140,161)

#b78aa0

#b78aa0
rgb(183,138,160)

#b7889f

#b7889f
rgb(183,136,159)

Tons e Matizes de #b72168

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

Matiz (adicionando branco)
#b72168

#b72168
rgb(183,33,104)

#c54d86

#c54d86
rgb(197,77,134)

#d379a4

#d379a4
rgb(211,121,164)

#e2a6c2

#e2a6c2
rgb(226,166,194)

#f0d2e0

#f0d2e0
rgb(240,210,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b72168

#b72168
rgb(183,33,104)

#921a53

#921a53
rgb(146,26,83)

#6d133e

#6d133e
rgb(109,19,62)

#490d29

#490d29
rgb(73,13,41)

#240614

#240614
rgb(36,6,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b72168

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b72168.

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

Este elemento tem uma cor de borda de #b72168.

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

Cores alietórias

#0b1483

#0b1483
rgb(11,20,131)

#b3b9e6

#b3b9e6
rgb(179,185,230)

#b56f2d

#b56f2d
rgb(181,111,45)

#a4f0b8

#a4f0b8
rgb(164,240,184)

#2625a3

#2625a3
rgb(38,37,163)

#36cdbd

#36cdbd
rgb(54,205,189)

#db96d6

#db96d6
rgb(219,150,214)

#61f2da

#61f2da
rgb(97,242,218)

#426f64

#426f64
rgb(66,111,100)

#7a56f4

#7a56f4
rgb(122,86,244)

#cb9b96

#cb9b96
rgb(203,155,150)

#4a107d

#4a107d
rgb(74,16,125)