Informação da cor #b513bb

A cor hexadecimal b513bb no modelo de cores RGB (Red, Green, Blue), é um composta por 181 de vermelho, 19 de verde e 187 de azul.

No padrão de cores CMYK, é composto por 3.2% de ciano, 89.8% de magenta, 0% de amarelo e 26.7% de preto. Tem um ângulo de matiz de 297.9 graus, uma saturação de 81.6% e uma leveza de 40.4%.

A cor mais próxima WebSafe é 990099.

Conversões de #b513bb 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 b513bb
RGB 181, 19, 187
RGB Percentagem 71%, 7.5%, 73.3%
CMYK 0.03, 0.9, 0, 0.27
HSL 297.9°, 81.6%, 40.4%
HSV (ou HSB) 297.9°, 89.8%, 73.3%
RYB 71, 7.5, 73.3
Formato Cor
XYZ 30.2, 15, 51.1
CIELab 45.62, 75.53, -49.21
Decimal 11867067
Yxy 13.8795, 0.3128, 0.1536
YUV 86.59, 184.6648, 195.3396
CIELuv 44.0596, 56.5936, -80.4774
Web Safe 990099

Distribuição de #b513bb

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.

#b513bb

#b513bb
rgb(181,19,187)

#19bb13

#19bb13
rgb(25,187,19)

Cores triadicas

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

#bbb613

#bbb613
rgb(187,182,19)

#b513bb

#b513bb
rgb(181,19,187)

#13bbb6

#13bbb6
rgb(19,187,182)

Cores tetrádicas

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

#bb6213

#bb6213
rgb(187,98,19)

#b513bb

#b513bb
rgb(181,19,187)

#19bb13

#19bb13
rgb(25,187,19)

#136dbb

#136dbb
rgb(19,109,187)

Cores monocromáticas

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

#b513bb

#b513bb
rgb(181,19,187)

#ba93bb

#ba93bb
rgb(186,147,187)

#ba91bb

#ba91bb
rgb(186,145,187)

#ba8fbb

#ba8fbb
rgb(186,143,187)

#ba8dbb

#ba8dbb
rgb(186,141,187)

#ba8bbb

#ba8bbb
rgb(186,139,187)

Tons e Matizes de #b513bb

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

Matiz (adicionando branco)
#b513bb

#b513bb
rgb(181,19,187)

#c342c8

#c342c8
rgb(195,66,200)

#d271d6

#d271d6
rgb(210,113,214)

#e1a0e3

#e1a0e3
rgb(225,160,227)

#f0cff1

#f0cff1
rgb(240,207,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b513bb

#b513bb
rgb(181,19,187)

#900f95

#900f95
rgb(144,15,149)

#6c0b70

#6c0b70
rgb(108,11,112)

#48074a

#48074a
rgb(72,7,74)

#240325

#240325
rgb(36,3,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b513bb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b513bb.

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

Este elemento tem uma cor de borda de #b513bb.

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

Cores alietórias

#3bd2e4

#3bd2e4
rgb(59,210,228)

#8aaba2

#8aaba2
rgb(138,171,162)

#c6273a

#c6273a
rgb(198,39,58)

#a62e63

#a62e63
rgb(166,46,99)

#d64308

#d64308
rgb(214,67,8)

#391ea4

#391ea4
rgb(57,30,164)

#35a016

#35a016
rgb(53,160,22)

#9f5a51

#9f5a51
rgb(159,90,81)

#a87c99

#a87c99
rgb(168,124,153)

#04a33d

#04a33d
rgb(4,163,61)

#803f98

#803f98
rgb(128,63,152)

#b097e5

#b097e5
rgb(176,151,229)